代码拉取完成,页面将自动刷新
基于layui及zTree的树下拉框组件
在基于Layui开发后台管理系统时,想要一个下拉树控件控件,在网上找了一些开源的实现,都不是太满意,于是自己动手基于Layui 2.8.x及zTree 3.5.x制作了一个下拉树控件。实现了一个能用的版本,并不十分完善,有问题请自行修改或提出修改方案。
下载combotree.js及layztree目录放在web工程的js相关静态资源文件保存目录即可。
// 配置
layui.config({
base: getCtxPath() + '/lib/extends/' // 假设这是存放拓展模块的根目录
}).extend({
combotree: 'combotree'
});
layui.use(['combotree'],function() {
var combotree = layui.combotree;
// 渲染
combotree.render({
elem: '#elementId'
,placeholder: '请选择'
,isMultiple: false // 是否多选,默认是单选
,yChkboxType: 'ps' // 参考zTree该参数
,nChkboxType: 'ps' // 参考zTree该参数
,expandLevel: '2' // 默认展开的层级
,ajaxUrl: '/xxxxx' // 取得树数据的url
,readonly: false // 是否只读模式
,layVerify: 'required' // 是否是必选项目
,initValue: '100' // 初期选中值,该值为树节点数据的ID,多个的时候以逗号分隔
});
})
此处可能存在不合适展示的内容,页面不予展示。您可通过相关编辑功能自查并修改。
如您确认内容无涉及 不当用语 / 纯广告导流 / 暴力 / 低俗色情 / 侵权 / 盗版 / 虚假 / 无价值内容或违法国家有关法律法规的内容,可点击提交进行申诉,我们将尽快为您处理。