关于Combobox的多选和单选情况
關(guān)于Combobox的集成data-options獲取數(shù)據(jù)庫的值得多選和單選情況
單選
<tr><th class="th1">上級(jí)菜單:</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">請(qǐng)選擇管理員:</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>關(guān)于使用Combobox的使用JavaScript獲取后臺(tái)傳過來經(jīng)過轉(zhuǎn)換的的Json格式的數(shù)據(jù)【data-options】獲取數(shù)據(jù)庫的值得情況
<tr><th class="th1">上級(jí)菜單:</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格式的數(shù)據(jù)轉(zhuǎn)換為對(duì)象格式,這樣for循環(huán)才能對(duì)data內(nèi)的數(shù)據(jù)進(jìn)行編輯var themecombo2 =[{ 'text':'請(qǐng)選擇','id':''}]; for(var i=0;i<data.length;i++){ themecombo2.push({"text":data[i].MenuName,"id":data[i].MenuId}); } $("#parentMenu").combobox("loadData", themecombo2); } }); });后臺(tái)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){//對(duì)數(shù)據(jù)進(jìn)行重新編碼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);}關(guān)于eavl()方法:
eval() 函數(shù)可計(jì)算某個(gè)字符串,并執(zhí)行其中的的 JavaScript 代碼。
語法
eval(string)| string | 必需。要計(jì)算的字符串,其中含有要計(jì)算的 JavaScript 表達(dá)式或要執(zhí)行的語句。 |
返回值
通過計(jì)算 string 得到的值(如果有的話)。
說明
該方法只接受原始字符串作為參數(shù),如果 string 參數(shù)不是原始字符串,那么該方法將不作任何改變地返回。因此請(qǐng)不要為 eval() 函數(shù)傳遞 String 對(duì)象來作為參數(shù)。
如果試圖覆蓋 eval 屬性或把 eval() 方法賦予另一個(gè)屬性,并通過該屬性調(diào)用它,則 ECMAScript 實(shí)現(xiàn)允許拋出一個(gè) EvalError 異常。
拋出
如果參數(shù)中沒有合法的表達(dá)式和語句,則拋出 SyntaxError 異常。
如果非法調(diào)用 eval(),則拋出 EvalError 異常。
如果傳遞給 eval() 的 Javascript 代碼生成了一個(gè)異常,eval() 將把該異常傳遞給調(diào)用者。
<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>關(guān)于 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">運(yùn)輸方式</th><th width="9%" align="center">運(yùn)人方式</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>
?
轉(zhuǎn)載于:https://www.cnblogs.com/flytogalaxy/p/7521979.html
《新程序員》:云原生和全面數(shù)字化實(shí)踐50位技術(shù)專家共同創(chuàng)作,文字、視頻、音頻交互閱讀總結(jié)
以上是生活随笔為你收集整理的关于Combobox的多选和单选情况的全部內(nèi)容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: maven仓库找不到需要的jar包解决办
- 下一篇: iptables 工具的使用