jQuery EasyUI/TopJUI创建树形表格下拉框
jQuery EasyUI/TopJUI创建树形表格下拉框
第一种方法(纯HTML创建)
<div class="topjui-row"><div class="topjui-col-sm12"><label class="topjui-form-label">组织机构</label><div class="topjui-input-block"><input name="org" data-toggle="topjui-combotreegrid"data-options="labelPosition:'top',url:remoteHost+'/mdata/organization/getListByLevelId?levelId=1',expandUrl:remoteHost+'/mdata/organization/getListByPid?pid={id}',idField:'id',treeField:'text',columns:[[{field:'text',title:'机构名称'},{field:'leader',title:'负责人'},{field:'levelId',title:'层级'}]]"></div></div></div>
第二种方法(js)
html
<div class="topjui-row"><div class="topjui-col-sm12"><label class="topjui-form-label">组织机构</label><div class="topjui-input-block"><input type="text" id="org2" name="org2"></div></div></div>
js
$(function () {$('#org2').iCombotreegrid({labelPosition: 'top',url: remoteHost + '/mdata/organization/getListByLevelId?levelId=1',expandUrl: remoteHost + '/mdata/organization/getListByPid?pid={id}',idField: 'id',treeField: 'text',columns: [[{field: 'text', title: '机构名称'},{field: 'leader', title: '负责人'},{field: 'levelId', title: '层级'}]]});});
效果展示
html
js
EasyUI中文网:
TopJUI前端框架:
TopJUI交流社区:
posted @ -06-04 18:41 小策一喋 阅读(...) 评论(...) 编辑 收藏