关于Combobox的多选和单选情况
关于Combobox的集成data-options获取数据库的值得多选和单选情况
单选
<tr> <th class="th1">上级菜单：</th> <td class="td1"> <select id="parentMenu" name="parentMenu" class="easyui-combobox" style="width: 180px;" data-options="panelHeight:'auto',editable : false, valueField: 'MenuId', textField: 'MenuName', url:'${ctx}/menu/menuList.action', onLoadSuccess:function(data){ $('#parentMenu').combobox('setValue',data[0].MenuId);} "> </select> </td> </tr>
多选
<tr> <th width="td1">请选择管理员：</th> <td class="td1"> <select id="admins" name="admins" class="easyui-combobox" style="width: 180px;" data-options=" url:'${ctx}/menu/menuManage.action', method:'get', valueField: 'AdminId', textField: 'AdminName', multiple:true, panelHeight:'auto' "> </select> </td> </tr>
关于使用Combobox的使用JavaScript获取后台传过来经过转换的的Json格式的数据【data-options】获取数据库的值得情况
<tr> <th class="th1">上级菜单：</th> <td class="td1"> <input id="parentMenu" name="parentMenu" class="easyui-combobox" style="width: 180px;" data-options="editable:false,valueField:'id', textField:'text'"/> </td>
</tr>
JavaScript
$(document).ready( function(){ $.ajax({ url:'${ctx}/menu/menuList.action', type:'post', success:function(data){ data=eval(data); //将json格式的数据转换为对象格式，这样for循环才能对data内的数据进行编辑 var themecombo2 =[{ 'text':'请选择','id':''}]; for(var i=0;i<data.length;i++){ themecombo2.push({"text":data[i].MenuName,"id":data[i].MenuId}); } $("#parentMenu").combobox("loadData", themecombo2); } }); });
后台Java
@Action(value="menuList") public void getMenuList() throws IOException{ ServletActionContext.getResponse().setContentType("text/html;charset=GBK"); List<Map<String,String>> list = new ArrayList<Map<String,String>>(); List<Menu> codeList = menuService.getMenu(); for(Menu sysCode : codeList){ //对数据进行重新编码 Map<String,String> map = new HashMap<String,String>(); map.put("MenuId",String.valueOf(sysCode.getMenuId()));//code map.put("MenuName",sysCode.getName()); list.add(map); } String jsonStr =JSONUtils.writeValueAsString(list); ServletActionContext.getResponse().getWriter().write(jsonStr); }
关于eavl()方法：
eval() 函数可计算某个字符串，并执行其中的的 JavaScript 代码。
语法
eval(string)
| 参数 | 描述 |
|---|---|
| string | 必需。要计算的字符串，其中含有要计算的 JavaScript 表达式或要执行的语句。 |
返回值
通过计算 string 得到的值（如果有的话）。
说明
该方法只接受原始字符串作为参数，如果 string 参数不是原始字符串，那么该方法将不作任何改变地返回。因此请不要为 eval() 函数传递 String 对象来作为参数。
如果试图覆盖 eval 属性或把 eval() 方法赋予另一个属性，并通过该属性调用它，则 ECMAScript 实现允许抛出一个 EvalError 异常。
抛出
如果参数中没有合法的表达式和语句，则抛出 SyntaxError 异常。
如果非法调用 eval()，则抛出 EvalError 异常。
如果传递给 eval() 的 Javascript 代码生成了一个异常，eval() 将把该异常传递给调用者。
<html> <body> <script type="text/javascript"> eval("x=10;y=20;document.write(x*y)") document.write("<br />") document.write(eval("2+2")) document.write("<br />") var x=10 document.write(eval(x+17)) document.write("<br />") eval("alert('Hello world')") </script> </body> </html>
关于 date-options属性问题
<table border="0" cellspacing="0" cellpadding="0" class="crs_ep_tablezy crs-kyform-table" id="zyxjysfsTabId"
data-options="id:'zyxjysfsTabId',name:'zyxjysfsList',type:'list',url:'ps!forZyxjysfsSave.action'"> <tbody> <tr> <th width="3%" align="center"> </th> <th width="15%" align="center">井巷名称</th> <th width="10%" align="center">提升距离/垂高</th> <th width="10%" align="center">运输方式</th> <th width="9%" align="center">运人方式</th> </tr> <tr> <td align="center" class="crs_ep_padnone"> <input type="checkbox" name="checkbox" id="checkbox"> <input type="hidden" data-options="name:'dataId'"/> <input type="hidden" data-options="name:'createUser'"/> <input type="hidden" data-options="name:'createTime'"/> <input type="hidden" data-options="name:'createUserName'"/> <input type="hidden" data-options="name:'updateUser'"/> <input type="hidden" data-options="name:'updateUserName'"/> </td> <td align="center"> <input type="text" class="crs-ep-ipt easyui-validatebox" data-options="name:'gdmc',validType:'clength[1,300]'" /> </td> <td align="center"> <input type="text" class="crs-ep-ipt easyui-validatebox" data-options="name:'tsjl',validType:'clength[1,200]'" /> </td> <td align="center"> <input type="text" class="crs-ep-ipt easyui-validatebox" data-options="name:'ysfs',validType:'clength[1,200]'"/> </td> <td align="center"> <input name="tt3" type="text" class="crs-ep-ipt easyui-validatebox" data-options="name:'yrfs',validType:'clength[1,200]',tipPosition:'left'" /> </td> </tr> </tbody> </table>
