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'" οnclick="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="点击我" οnclick="openw"> //鼠标经过事件(onmouseover) <input name="确定" type="button" value="确定" οnmοuseοver="message()"/> //鼠标移开事件(onmouseout) <a href="http://www.imooc.com" οnmοuseοut="message()">点击我</a> //光标聚焦事件(onfocus) <select name="career" οnfοcus="message()"> //失焦事件(onblur) <input name="password" type="text" value="请输入密码!" οnblur="message()"> //内容选中事件(onselect) <textarea name="summary" cols="60" rows="5" οnselect="message()">请写入个人简介,不少于200字! //文本框内容改变事件(onchange) <textarea name="summary" cols="60" rows="5" οnchange="message()">请写入个人简介,不少于200字! //加载事件(onload) <body οnlοad="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="按钮按钮" οnclick="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; }