File.separator
$("#bhUploadGrid1").datagrid("unselectAll");
var sels = $("#bhUploadGrid1").datagrid("getSelections");
if(sels.length > 500){
$.messager.alert(TipInfo.COMMON_TIPTITLE, "请不要选择超过500条数据!", 'info');
return;
}
<label for="male">Male</label>
<input type="radio" name="sex" id="male" />
<input type="text" id="LOANDATEBEG1" name="LOANDATEBEG1" class="easyui-datebox"
required="required" editable="false" readonly="readonly" width="140px" />
<input type="text" id="DBD_BUILDINGAREA" name="DBD_BUILDINGAREA"
data-options="min:0,max:9999,precision:2" class="easyui-numberbox" style="width: 200px">
<a class="easyui-linkbutton" data-options="iconCls:'icon-search'" onclick="queryUpload1()" style="width:80px">查询</a>
<script type="text/javascript">
var qryFlag = ${requestScope.BHUPLOAD_QRYBHUPLOAD};
var uploadFlag = ${requestScope.BHUPLOAD_EXBHUPLOAD};
</script>
System.lineSeparator(); jdk1.7
System.getProperty("line.separator") pre 1.7
$.messager.alert(TipInfo.COMMON_TIPTITLE, "生成放款明细和还款计划文件,并且已上传成功!", 'info');
$.messager.progress({text:TipInfo.getInfoString(messages)});
$.messager.progress('close');
var msgArr=[];
msgArr.push(TipInfo.COMMON_OPERATE_FAIL);
$.ajax({
url: ctx+"/bhtrust/produceBhTrustAccFile.do",
dataType:'json',
type:'post',
data:{selsArr:selsArr},
beforeSend:function(){
},
success:function(data){
},
error:function(res){
$.messager.progress('close');
if(res&&res.responseText){
$.messager.alert(TipInfo.COMMON_TIPTITLE,res.responseText,'error');
}else{
}
});
document.write("<p>hello</p>"); 显示为hello
$("#p1").html("<p>hello</p>"); 显示为hello
$("#p1").text("<p>hello</p>"); 显示为<p>hello</p>
var a = document.getElementById("id");
a.innerHTML = "<h5>替换的值</h5>"; 显示替换的值
//确认
var msg = confirm("提示信息");
if(msg == true){
}else{
}
//提问 取消返回null
var msg = prompt("请输入姓名:","实例内容xxxx");
if(msg != null){
alert();
}else{
}
//开新窗口
window.open([URL],[窗口名称],[参数字符串]);
//关闭窗口
window.close();
var mywindow = window.open([URL],[窗口名称],[参数字符串]);
mywindow=close();
//获取对象
var mychar = document.getElementById("id");
//改变html样式
mychar.style.color = "red";
mychar.style.fontSize = "20";
mychar.style.backgroundColor = "blue";
mychar.style.backgroundColor = "#CCC"
mychar.style.height =
mychar.style.width =
mychar.style.fontFamily = //字体
//显示和隐藏
mychar.style.display = "none"; //隐藏
mychar.style.display = "block"; //显示
//定义数组
var myarr = new array(66,77,88,99);
var myarr = [66,77,88,99];
var myarr = new array();
myarr[0] = 80;
myarr[1] = 90;
//数组长度
myarr.length
//点击事件
<input name="点击我" type="button" value="点击我" onclick="openw">
//鼠标经过事件(onmouseover)
<input name="确定" type="button" value="确定" onmouseover="message()"/>
//鼠标移开事件(onmouseout)
<a href="http://www.imooc.com" onmouseout="message()">点击我</a>
//光标聚焦事件(onfocus)
<select name="career" onfocus="message()">
//失焦事件(onblur)
<input name="password" type="text" value="请输入密码!" onblur="message()">
//内容选中事件(onselect)
<textarea name="summary" cols="60" rows="5" onselect="message()">请写入个人简介,不少于200字!
//文本框内容改变事件(onchange)
<textarea name="summary" cols="60" rows="5" onchange="message()">请写入个人简介,不少于200字!
//加载事件(onload)
<body onload="message()">
//卸载事件(onunload)
<script type="text/javascript">
window.onunload = onunload_message;
function onunload_message(){
alert("您确定离开该网页吗?");
}
</script>
//字符串对象
mystr.toUpperCase();
mystr.toLowerCase();
mystr.length;
mystr.charAt(1); //返回指定位置字符
mystr.indexOf("a"[,8]); //返回首次出现该字符串的位置;第二个参数表示从哪里开始
mystr.split("^"[,2]); //分割字符串,分割几次,返回数组
mystr.split(""); //分割每个字符串
mystr.substring(7[,8]); //提取字符串,第一个位置到第二个位置
mystr.substr(7[,8]); //截取字符串,第一个位置后面多少个
//Date 日期对象
var Udate=new Date();
var d = new Date(2012, 10, 1); //2012年10月1日
var d = new Date('Oct 1, 2012'); //2012年10月1日
d.get/setDate();//设置日期
d.get/setFullYear();//返回/设置年份,用四位数表示
d.get/setMonth();//返回/设置月份 0:一月 11:十二月 所以加1
d.get/setDate();// 从 Date 对象返回一个月中的某一天 (1 ~ 31)。
d.get/setDay();//返回/设置星期 0:星期一 6:星期日
d.get/setHours();//返回/设置小时 24小时
d.get/setMinutes();//返回/设置分钟数
d.get/setSeconds();//返回/设置秒钟数
d.getMilliseconds(); //返回 Date 对象的毫秒(0 ~ 999)。
d.get/setTime();//返回/设置时间(毫秒为单位) 计算从 1970 年 1 月 1 日零时到日期对象所指的日期的毫秒数。
mydate.setTime(mydate.getTime() + 60 * 60 * 1000); //增加一个小时
//输入框禁止输入空格,去除空格(时时触发)
$("#HOUSELOCA").keydown(function(e){
if(e.keyCode == 32){
return false;
}
});
//光标移开后,将去除空格
$("#HOUSELOCA").blur(function(){
var houseLocaT = $("#HOUSELOCA").val();
houseLocaT = houseLocaT.replace(/(\s*)/g,"");
$("#HOUSELOCA").val(houseLocaT);
$("#HOUSELOCA").validatebox("validate");
});
// 正则表达式
// \s是空格
// \s*是多个空格
// / /是正则表达式
// i:ignorCase忽略大小写
// m:mutiple允许多行匹配
// g:globle进行全局匹配,指匹配到目标串的结尾
//光标移开后,将去除两边空格
$("#HOUSELOCA").blur(function(){
var houseLocaT = $("#HOUSELOCA").val();
houseLocaT = houseLocaT.trim();
$("#HOUSELOCA").val(houseLocaT);
$("#HOUSELOCA").validatebox("validate");
});
//这种写法获取值
<s:radio id="APPSTATUS" name="APPSTATUS" list="%{#{'0':'通过','1':'不通过'}}" value="'0'" />
//选中的值触发事件
$("input[name='APPSTATUS']").click(function(){ });
//获取选中的值
$("input[name='APPSTATUS']:checked").val();
//重置默认值
document.getElementsByName('custtype')[0].checked=true;
//禁用\启用按钮等
//禁用a标签
$("#btnPlanView").linkbutton('disable');
//禁用combobox\textbox
var BCHID = $("#BCHID").combobox("getValue");
var LEADCHAR = $("#LEADCHAR").val();
$("#BCHID").combobox({disabled:true});
$("#LEADCHAR").attr("disabled",true);
//启用combobx\textbox(因为禁用无法取值,所以禁用后要提交的话必须重新赋值)
$("#BCHID").combobox({disabled:false});
$("#LEADCHAR").attr("disabled",false);
$("#BCHID").combobox("setValue",BCHID);
$("#LEADCHAR").val(LEADCHAR);
//js组装对象,获取对象的值
function getUrl(){
var theRequest = new Object();
theRequest['name'] = tom;
theRequest['age'] = 18;
return theRequest;
}
theRequest['name '];
getUrl['name'];
//numberbox,限制数字最大值、最小值、最大长度、金额添加小数、金额分隔逗号
<input type="text" id="DBD_BUYPRICE" name="DBD_BUYPRICE" value="${batadbdmVo.DBD_BUYPRICE }" data-options="min:0,max:9999999999,precision:2" maxlength="3" groupSeparator="," class="easyui-numberbox validate[,max[9999999999]]" style="width: 200px" />
//跳转easyui-tabs页面
$("#custDiv").tabs('select',0);
//验证,并跳转未填写的页面
var flag = $("#form1").form("validate");
if (!flag) {
$("#tab1").trigger('click');
$.messager.alert(TipInfo.COMMON_TIPTITLE,"请填写必填项!", 'error',function(){ skipVerify() });
return false;
}
flag = $("#form2").form("validate");
if (!flag) {
$("#tab2").trigger('click');
$.messager.alert(TipInfo.COMMON_TIPTITLE,"请填写必填项!", 'error',function(){ skipVerify() });
return false;
}
flag = $("#form3").form("validate");
if (!flag) {
$("#tab3").trigger('click');
$.messager.alert(TipInfo.COMMON_TIPTITLE,"请填写必填项!", 'error',function(){ skipVerify() });
return false;
}
//用jquery拼url的参数(泰康Excel)
exportUrl = "${rootPath}/rnhasten/downloadExcel?1=1&divorderby=true";
var inputElemts = $(':input[id]');
inputElemts.each(function(i, inputElemt) {
exportUrl += '&' + $(this).attr('id') + '=' + $(this).textbox('getValue');
});
//textarea输入框字数限制 input输入框字数限制(未验证)
<textarea id="REMARKS" name="REMARKS" style="width: 98%" maxlength="170" class="textbox">${batadbdmVo.REMARKS }</textarea>
--------------------------------jQuery,datagrid使用例子 ------------------------------------------------
<table id = 'dataTable'></table>
jQuery(function() { //jQuery,datagrid使用例子
//初始化列表
$('#dataTable').datagrid({
iconCls : 'icon-tip',
title : '客户保单信息',
singleSelect : true, //是否单选
striped : true, //斑马线效果
rownumbers : true, //显示行数
pagination : true, //如果为true,则在DataGrid控件底部显示分页工具栏。
pageSize : 5, //初始页面大小
pageList : [5,10,15], //每页数量
fit : true, //填充
remoteSort:false, //排序
multiSort:true, //排序,需要在列上加上相应的属性 sortable:true
url : '${rootPath}/role/getRoleList',
queryParams : { //查询参数
holdercscno : curholdercscno
},
method : 'post',
idField : 'ROLE_ID', //指明标识字段
frozenColumns : [[ //冻结的列
{
field : 'CONTNO', //要和springmvc传回来的列名称大小写一致
title : '保单号',
width : 140,
sortable : true //该列排序
},
{
field : 'MANAGECOM', //要和springmvc传回来的列名称大小写一致
title : '销售分公司',
width : 140,
formatter : function( val,row){ //单元格数据格式
if (val < 30){
return '<span style="color:red;">('+val+')</span>';
} else {
return val;
}
}
},
columns : [[
{
field : 'ck',
checkbox : true
},
{
field : 'ROLE_CODE', //要和springmvc传回来的列名称大小写一致
title : '角色编码',
width : 140
},
{
field : 'ROLE_SEX', //要和springmvc传回来的列名称大小写一致
title : '角色编码',
width : 140,
formatter: function(value,row,index){
if (value == 'F'){
return '男';
} else if (value == 'M') {
return '女';
}
}
},
{
field : 'ROLE_NAME',
title : '角色名称',
hidden : true, //是否隐藏 隐藏列
width : 140
},
]],
toolbar : [ //添加按钮
{
id : 'btnrefresh',
text : '刷新',
iconCls : 'icon-arrow_refresh',
handler : function() {
searchInfo();
}
},
{
id : 'btnadd',
text : '新增',
iconCls : 'icon-add',
handler : function() {
addrow();
}
}
],
//双击行事件
onDblClickRow : function(rowIndex,rowData){
alert(rowData.NAME);
},
//选中行事件
onSelect : function(rowIndex,rowData){
alert(rowData.NAME);
},
onLoadSuccess : function (data) {
$('#dataTable').datagrid('clearSelections'); //一定要加上这句,不然datagrid会记住之前的选择状态,会影响删除
}
});
//清空datagrid清空数据
function(){
var item = $('#tablename').datagrid('getRows');
if (item) {
for (var i=item.length -1; i>=0; i--){
var index = $('#tablename').datagrid('geRowIndex',item[i]);
$('#tablename').datagrid('deleteRow',index);
}
}
$('#tablename').datagrid('loadData',{total:0,row:[]});
}
//单选datagrid
var select = $('#tablename').datagrid('getSelected');
//多选datagrid
var selections = $('#tablename').datagrid('getSelections');
//判断是否选中
if (!select)
if (!selections)
//获取datagrid的列值
var name = select.NAME;
--------------------------------jQuery,datagrid使用例子,勾选已经选中的 ------------------------------------------------
<table id = 'dataTable'></table>
jQuery(function() { //jQuery,datagrid使用例子
//初始化列表
$('#dataTable').datagrid({
iconCls : 'icon-tip',
singleSelect : true, //是否单选
rownumbers : true, //显示行数
pagination : true, //如果为true,则在DataGrid控件底部显示分页工具栏。
fit : true,
url : '${rootPath}/role/getRoleList',
method : 'post',
idField : 'ROLE_ID', //指明标识字段
columns : [[
{
field : 'ck',
checkbox : true
},
{
field : 'ROLE_CODE', //要和springmvc传回来的列名称大小写一致
title : '角色编码',
width : 140
},
{
field : 'ROLE_NAME',
title : '角色名称',
width : 140
},
]],
toolbar : [ //添加按钮
{
id : 'btnrefresh',
text : '刷新',
iconCls : 'icon-arrow_refresh',
handler : function() {
searchInfo();
}
},
{
id : 'btnadd',
text : '新增',
iconCls : 'icon-add',
handler : function() {
addrow();
}
}
],
onLoadSuccess : function (data) {
var rowData = data.rows;
$.each(rowData, function(idx, val){
if(val.okflag == 1){ //okflag属性是在java代码中查询得到的list中,roleList.get(i).put("okflag",1);放入的
$("#roledataTable").datagrid("selectRow",idx); //如果数据行为一选中,则选中该行
}
});
}
java代码:
public List<Dto> getUsersRoleList(Dto param){
//Dto是继承Map的一个封装类
//含有该用户的用户角色表
List<UserRoleBo> userRoleList = userRoleService.findAll(userRoleBO);
//查询所有角色表
List<Dto> roleList = appDao.queryForMapList("Role.findAllMapRole");
//设置指定用户是否拥有相应角色
if (roleList != null && roleList.size() > 0){
for (int i = 0; i < roleList.size(); i++){
Dto dto = roleList.get(i);
Integer roleId = dto.getAsInteger("ROLE_ID");
if (userRoleList == null || userRoleList.size() ==0){
//该用户没有任何用户角色列表,则该用户没有该角色
roleList.get(i).put("okflag", 0);
} else {
//如果该用户有用户角色列表,则与角色表循环遍历判断
if (this.checkRoleIdInList(roleId, userRoleList)){
//该用户有该角色
roleList.get(i).put("okflag", 1);
} else {
//该用户没有该角色
roleList.get(i).put("okflag", 0);
}
}
}
}
return roleList;
}
private boolean checkRoleIdInList(Integer userId, List<UserRoleBo){
UserRoleBO userRoleBo = null;
for (int i = 0; i < userRoleList.size(); i++){
userRoleBo = userRoleList.get(i);
if (userRoleBo.getRoleId().equals(roleId)){
return true;
}
}
return false;
}
--------------------------------模糊搜索按钮------------------------------------------------
function serchInfo(){
var queryParams = $('#dataTable').datagrid('options').queryParams; //获取datagrid的所有在表单属性
var fields = $('#dataForm1').serializeArray(); //序列化表单元素为JSON对象
$.each(fields, function(i,field){
queryParams[field.name] = field.value; //设置相应的属性名称的相应的值
});
var maxrlt = $('#maxrlt').combobox('getValue'); //额外加上参数
queryParams.maxrlt = maxrlt;
var url = '${rootPath}/role/getRoleList';
$('#dataTable').datagrid('reload',url); //用新的url重新加载表单
}
---------------------------------弹出小窗口-----------------------------------------------
<div div = 'divDialog'></div>
function setAuth(roleName,value,code){ 弹出新增、修改、设置小窗口
var roleNametmp = escape(encodeURIComponent(roleName)); //escape() 函数可对字符串进行编码,这样就可以在所有的计算机上读取该字符串。encodeURIComponent()可把字符串作为URI 组件进行编码。
url = '${rootPath}/role/showSetAuthPage?roleName=' + roleNametmp + '&roleId=' + value + '&roleCode=' +code;
$('#divDialog').dialog({ //弹出小窗口
title : "角色权限", //小窗口名字
fixPosition : true, //随滚动条滚动
width : 550,
height : 700,
href : url, //小窗口加载的jsp地址,可以是springmvc返回的地址
cache : false,
closed : false,
modal : true
})
}
----------------------------------删除按钮----------------------------------------------
function delerow() {
var row = $('#dataTable').datagrid('getSelected'); //获取datagrid勾选的选项
if (row) {
com.message('confirm', '删除后不可恢复,确定要删除该角色吗?', '提示', function(r)){
if (r) {
$.post(
'${rootPath}/role/deleteRole', //post的请求地址
{roleId : row.ROLW_ID}, //row.ROLE_ID 是设置的datagrid的列名称,区分大小写
function(data){ //请求成功后的回调方法
if (data.result == 'true' || data.result == true) {
$.messager.alert('success', data.msg);
goBack(1);
} else {
$.messager.alert('error', data.msg);
};
})
} else {
$.messager.alert('warning', "请选择你要操作的记录!");
return;
}
}
};
};
function goBack(flag){
if (flag == 1) {
searchInfo();
};
$('#divDialog').window('close'); //关掉窗口
}
-----------------------------------清空表单---------------------------------------------
function clearForm() {
$('#dataForm1').form('clear'); //清空该表单的input数据
}
----------------------------------关于javascript方法传参数----------------------------------------------
<input type="button" value="按钮按钮" onclick="app(1,2,3);">
<script type="text/javascript">
function app(){
alert(arguments.length + "--0");
alert(arguments[0] + "--1");
alert(arguments[1] + "--2");
}
以调用那边的为主,有个内置对象arguments
----------------------------------datagrid多选后,通过ajax往springmvc传值----------------------------------------------
function ajaxfunction(){
var selectedcjryxx = $('#cjryxx').datagrid('getSelections');
if(selectedcjryxx.length>0){
var userCodes = new Array();
var userNames = new Array();
for (var i = 0; i < selectedcjryxx.length; i++) {
userCodes[i] = selectedcjryxx.code;
userNames[i] = selectedcjryxx.name;//获取多选的datagrid的值
};
var allotData = {
userCode : userCodes.join('@');
userName : userNames.join('@');//将数组转化成用@分割的字符串
}
$ajax({
type : 'POST',
url : '{rootPath}/assginByCom/allotByCom',
data : allotData,
dataType : 'json',
success : function(data){
var returnmessage = data.returnmessage;
if(returnmessage != '' && returnmessage != null && returnmessage != 'null'){
$.messager.alert('提示',returnmessage,'info',
function(){
fpfm.submit();
})
}
}
})
}
}
在controller层,通过 String[] userNames = userName.split("@");截取成数组。
----------------------------------easyUI easyUI-layout表头中插入div----------------------------------------------
<div title="div1" data-options="region:'north', height:85, border:false, collapsible:false, split:true, tolls:'#tt' ">
<div><font>数量:</font><input name="maxrlt" id="maxrlt" data-options="editable:false, width:65"/></div>
----------------------------------判断使用的浏览器 ----------------------------------------------
//判断浏览器
function validB(){
var u_agent = navigator.userAgent ;
var B_name="不是想用的主流浏览器!";
if(u_agent.indexOf("Firefox")>-1){
B_name="Firefox";
}else if(u_agent.indexOf("Chrome")>-1){
B_name="Chrome";
}else if(u_agent.indexOf("MSIE")>-1&&u_agent.indexOf("Trident")>-1){
B_name="IE(8-10)";
}
document.write("浏览器:"+B_name+"<br>");
document.write("u_agent:"+u_agent+"<br>");
}
----------------------------------下拉框combobox ----------------------------------------------
//下拉框combobox
<input id="combo" name="combo" class="easyui-combobox"/>
var combo_plz = 0;
$('#combo').combobox({
editable : false, //不可编辑
url : '', //url返回的是List<Map<String,Object>>类型
valueField : 'codeval',
textField : 'codename',
onLoadSuccess : function(){
if (combo_plz == 0){
var data = $(this).combobox('getData');
data.insert(0,{'codeval':'','codename':'请选择'});
combo_plz += 1;
$('#combo').combobox('loadData',data);
}
}
})
//信息提示
$.messager.alert('提示标题','提示内容!','info');
//错误提示
$.messager.alert('提示标题','提示内容!','error');
//滑动提示
$.messager.show({title:'提示标题',msg:'显示内容!',showType:'show'});
//禁用a标签
$('#a_name').linkbutton('disable');
//启用a标签
$('#a_name').linkbutton('enable');
//
----------------------------------清空 ----------------------------------------------
//清空各种input框
$('#inputname').textbox('clear');
$('#inputname').combobox('select',''); //这个是选中''value值的选项
var maxdata = $('maxrlt').combobox('getData');
$('#maxrlt').combobox('select',maxdata[1].codeval); //默认选中第二项
//打开新窗口
function(){
var iWidth = 1200;
var iHeight = 700;
var iTop = (window.screen.availHeight - 30 - iHeight)/2;
var iLeft = (window.screen.availHeight - 30 - iHeight)/2;
window.open('url请求地址','弹出窗口','window=' + iWidth +',height=' + iHeight + ',top=' + iTop + ',left=' + iLeft + ',status=yes,toolbar=no,menubar=no,scrollbars=no,resizable=no,location=no,alwaysRaised=yes,depended=yes');
}
//打开新窗口
function(){
$('#divDialog').dialog({
title : '设置角色',
width : '650',
height : '500',
href : 'url地址',
cache : false,
closed : false,
modal : true
});
}
//关闭窗口
function (){
$('#divDialog').window('close');
}
//确认提示 (不会像alert一样暂停)
$.messager.confirm('提示','确定吗?',function(r){
if (r){
....
} else {
....
}
})
//ajax方法
$.ajax({
type : 'post',
url : url,
data : {autoid:'1',userid:'admin',pwd:'passrowd'},
dataType : 'json',
success : function (data){
if (data.result == 'true' || data.result == true){
......
}
}
})
//post方法
$.post(
'url',
{autoid:'1',userid:'admin',pwd:'passrowd'},
function(data){
....
}
)
//上传文件ajax
// SpringMvc层是这样处理的
JSONObject jsonModel = new JSONObject();
jsonModel.put("reulst","true");
PrintWriter out = response.getWriter();
out.print(jsonModel);
out.fluse();
out.close();
//js这样
$.ajaxFileUpload({
url:url,
fileElementId:'file',
secureuri:false,//一般设置为false
complete:null,
dataType:'application/json',
success:function(data){
var json = getJSONStr(data); //自定义的转JSON方法
if(json.result == 'true' || json.result == true){
.....
}
}
})
function getJSONStr(perdata){
// var reg = /<pre.+?>(.+)<\/pre>g;
// var result = rawStr.match(reg);
// alert(RegExp.$1);
var rawStr = perdata;
var data = JSON.parse(rawStr);
return data;
}
//判断上传的文件是什么结尾的文件
<input id="file" type="file">
var patrn = /^.*(.txt)$/; //区分大小写
var filePath = $('#file').val();
var fileName = filePath.substring(filePath.lastIndexOf('\\')+1,filePath.length);
if(filePath.length == 0){
alert('文件路径不能为空,请选择要上传的文件!');
return false;
}
if( !(patrn.exec(fileName)) ){
alert('文件格式不正确,请上传txt文件!');
return false;
}