源码下载:combotree: 基于layui及zTree的树下拉框组件

链接中提供了组件的基本使用方法

框架修改内容

1.文件导入（路径可更具自身情况自行设定）

解压后将文件夹放在图示路径下，修改文件夹名称为combotree

2.设置路径（设置layui use组件的路径，设置后可直接在use 中使用combotree进行组件调用）

修改文件：\WaterCloud.Web\wwwroot\js\lay-config.js 内容，增加图示标记内容

3.修改组件源文件（解决组件重复引用错误）

修改文件：\WaterCloud.Web\wwwroot\js\lay-module\combotree\combotree.js 内容，按照以下方式

源文件内容（去除extend部分）：

4.调用

html:

<div id="elementid"></div>

js:

组件加载

combotree.render({
    elem: '#elementid'
    , placeholder: '请选择'
    , isMultiple: false    // 是否多选，默认是单选
    , yChkboxType: 'ps'    // 参考zTree该参数
    , nChkboxType: 'ps'    // 参考zTree该参数
    , expandLevel: '2'     // 默认展开的层级
    , ajaxUrl: '/your/treedata/apipath'    // 取得树数据的url
    , readonly: false      // 是否只读模式
    //, layVerify: 'required' // 是否是必选项目
    , initValue: ''//用于回显
});

方法：

combotree.getValue('elementid')//获取组件值
combotree.setValue('elementid',value)//设置组件值

注意：setValue时需要确保组件已初始化完成，否则会报找不到组件的错误，一般处理回显在初始化同时处理数据，使用initValue，其他情况设置值的暂未研究