关于Combobox的多选和单选情况
生活随笔
收集整理的這篇文章主要介紹了
关于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()));//codemap.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>
?
轉載于:https://www.cnblogs.com/flytogalaxy/p/7521979.html
《新程序員》：云原生和全面數字化實踐50位技術專家共同創作，文字、視頻、音頻交互閱讀總結
以上是生活随笔為你收集整理的关于Combobox的多选和单选情况的全部內容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： maven仓库找不到需要的jar包解决办
- 下一篇： iptables 工具的使用