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>

$(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

EasyUI中文网：http://www.jeasyui.cn

TopJUI前端框架：http://www.topjui.com

TopJUI交流社区：http://ask.topjui.com

posted @ 2019-06-04 18:41 小策一喋阅读(...) 评论(...) 编辑收藏

jQuery EasyUI/TopJUI创建树形表格下拉框相关推荐

easyui下拉框option写死_JavaScript_jQuery+easyui中的combobox实现下拉框特效，1.第一种写法：Input框中显示： - phpStudy...
jQuery+easyui中的combobox实现下拉框特效 1.第一种写法:Input框中显示: 2. 第二种用法,在list列表中显示: 类别 3. 第二种的另一种写法: 类别以上3种方法均可实 ...
layui表格下拉框无法显示
layui表格下拉框无法显示开发工具与关键技术:java 作者:彭浩达撰写时间:2019年 7月 4日 $(function () { layui.use(['layer', 'table'], ...
jquery插件 autoComboBox 自动创建联动的下拉框如:省市区联动
废话{ 诞生背景: 问: 1.大家在做省市区下拉框联动,或者是产品分类联动,或者是部门联动等下拉框时怎么做? 是用ajaxpro.dll 还是jquery ajax呢?? 答: 是,留下继续阅读. ...
【EasyUI篇】Combo自定义下拉框组件
微信公众号:程序yuan 关注可了解更多的教程.问题或建议,请公众号留言; 查看--> 全套EasyUI示例目录 20.Combo自定义下拉框组件这组件不可以通过class方式进行定义 JSP ...
bootstrap - selectree树形结构下拉框
1.首先导入Bootstrap js.样式 <script src="/static/common/ztree/js/jquery.ztree.all.js" type=&q ...
layui 数据表格下拉框_layui学习——数据表格嵌套下拉列表，并实现动态更新
layui学习--数据表格嵌套下拉列表,并实现动态更新项目中有些字段的数据为固定的几个值,这些字段在数据表格中显示为汉字,但在数据库中以数字形式存储,例如:仓库属性(0:普通仓/1:检验仓/2:报废 ...
layui 数据表格下拉框_layui-table-column-select（layui数据表格可搜索下拉框select）
layui-table-column-select 在layui table的基础上对表格列进行扩展:点击单元格显示可搜索下拉列表. 码云地址:https://gitee.com/kkk12/layu ...
layui 数据表格下拉框_LayUi数据表格中嵌套下拉框
layui嵌套下拉框实用方法(附效果图) 在做项目时遇到一个问题,在layui 的数据表格table里面如何做一个下拉框呢?效果图如下: 这样的效果想必是最理想的了思路分析: 我们可以通过layui ...
css修改layui的下拉框样式 js_layui创建表单下拉框样式不显示
border-left: 5px solid #009688; 注释:solid实体,实心样式: Blockquote:块引用;Fieldset:字段集; 1.所有浏览器都支持标签. fieldse ...
jquery ajax 找到数据怎样放到下拉框里_闲话Excel之简易数据动态图表的制作
今天早上你的老板和你说让你把今年1-6月份的员工业绩做一份报表发给他,务必简介直观,但是你目前手头就以下的数据: 你肯定不能将这个发给你老板啊,既不简洁也不直观,该咋办呢?我建议用动态图表的方法,且听 ...

jQuery EasyUI/TopJUI创建树形表格下拉框

jQuery EasyUI/TopJUI创建树形表格下拉框

jQuery EasyUI/TopJUI创建树形表格下拉框相关推荐

最新文章

热门文章