日韩性视频-久久久蜜桃-www中文字幕-在线中文字幕av-亚洲欧美一区二区三区四区-撸久久-香蕉视频一区-久久无码精品丰满人妻-国产高潮av-激情福利社-日韩av网址大全-国产精品久久999-日本五十路在线-性欧美在线-久久99精品波多结衣一区-男女午夜免费视频-黑人极品ⅴideos精品欧美棵-人人妻人人澡人人爽精品欧美一区-日韩一区在线看-欧美a级在线免费观看

歡迎訪問 生活随笔!

生活随笔

當前位置: 首頁 > 编程资源 > 编程问答 >内容正文

编程问答

关于Combobox的多选和单选情况

發布時間:2025/6/17 编程问答 36 豆豆
生活随笔 收集整理的這篇文章主要介紹了 关于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">&nbsp;</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的多选和单选情况的全部內容,希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯,歡迎將生活随笔推薦給好友。