easyUI——combox
1097 ワード
easyUIのcombox、主な内容:
1.comboxのvalueとtext、および値の取得方法
2.comboxの連動実現
easyUIのcomboxは、inputラベルのclass=「easyui-combox」によって実現され、受信した戻り値はjson形式データであり、valueとtextはそれぞれjsonのkey値である.例:
1.comboxのvalueとtext、および値の取得方法
2.comboxの連動実現
easyUIのcomboxは、inputラベルのclass=「easyui-combox」によって実現され、受信した戻り値はjson形式データであり、valueとtextはそれぞれjsonのkey値である.例:
<input id="org" name="org" class="easyui-combox" data-options="valueField:'id',textField:'orgName',data:[{id:'1',orgName:'org1'},{id:'2',orgName:'org2'}]">
はjsでドロップダウンリストボックスを作成することもできます.以下は組織、機構の連動効果を実現し、非常に簡単です.<input id="org" name="org" class="easyui-combox">
<input id="dept" name="dept" class="easyui-combox">
$('#org').combobox({
url:"orgAction.do?method=getOrg",
valueField:'id',
textField:'text',
onSelect:function(org){
$('#dept').combobox('reload',"deptAction.do?method=getDeptByOrg");
}
});
$('#dept').combobox({
valueField:'id',
textField:'text'
})