easyui之combotree

这几天时间比较空闲的我把easyui中比较难的控件回顾一遍

这次的总结是easyui中的combotree

easyui的中文文档上说：combotree结合选择控制和下拉树,类似于combobox只是替换了列表为tree控件,combotree 支持树复选框,可以方便的实现多选

也就是下拉框组合下拉树，获值的方法和下拉框的获值一样都是

valueField: 'XX',

textField: 'XXX',

只不过tree有些麻烦，具体引用文档中写的不全，我以我自己的想法写一下，基本上格式如下

    id: 1,text: 'Languages',children: [{id: 11,text: 'Java'},{id: 12,text: 'C++'}]

做类别用下拉树做的时候，父类别下有多个子类别，读取用json返回的内容

列出所有的一级类别，还要列出每个类别里的子类别，这时候我们用到一种算法--递归，可以直接或间接的调用自身

首先你在数据的分类表一定要是类别id，类别名称，父id这种格式，

建个list<NewsClassJson>的类然后里面先判断父id是否为空，为空的就是父类别，调出所有父类别，将列出的列表放入定义的list<类别表>中然后让类别id==某个选中类别的父id也放入list<类别表>中

    public class NewsClassJson{    /// <summary> /// ID/// </summary>public string id { get; set; }/// <summary>/// 分类/// </summary>public string text { get; set; }/// 子类/// </summary>public List<NewsClassJson> children { get; set; }/// <summary>/// 父ID/// </summary>public string ParentId { get; set; }}

将上面NewsClassJson实例化，然后foreach循环添加进去，在将其以json输出，

就ok了

转载于:https://www.cnblogs.com/fgfgtu/p/4901231.html

easyui之combotree相关推荐

easyui中combotree只能选子选项，父级不被选中
前言前几天面试遇到一个需求(easyui中combotree只能选子选项,父级不被选中),回来特意整理下,大概的思想是如果该tree的节点被选中是判定一下是否有子节点,如果没有就说明是最终节点了,步 ...
php会计科目,ThinkPHP+EasyUI之ComboTree中的会计科目树形菜单实现方法
假设数据库中会计科目数据表的字段为:id,code,name,islast.分别为自增主键,科目编码,科目名称,是否为末级("1"表示末级科目). 这里在Thinkphp的模型层中 ...
【combotree】easyui的combotree(树形下拉框)使用总结
2019独角兽企业重金招聘Python工程师标准>>> 引言最近由于工作的需要,需要使用到下拉树,就是我们有一个输入框,用户要输入东西,但是输入的东西是从我们那个之中选的,为了防止 ...
easyUI 添加ComboTree 字段到一个 form
@author YHC ComboTree 是一个ComboBox 和一个下拉的tree,可以使用最为一个form字段,可以提交给远程服务器. 在这个教程中我们将要创建一个注册的form有一个name ...
easyui之combotree下拉框多选框
1.导入easyui相关jar包注意:引入easyui的js时,如果同时需要引入jquery.js.在使用的时候,需要先加载jquery.js,否则的话,会导致easyui的js失效. 2.前端代码 ...
EasyUI中combotree允许多选的时候onSelect事件会重复触发onCheck事件
分享个combotree允许多选的时候onSelect事件(通常是点击"+"号时)会重复触发onCheck事件的蠢解决办法是: 1.弄一个全局变量: var loading = f ...
EasyUI中combotree 研究
1.combotree继承自tree 故json格式也来自树 [{"attributes":{"id":"A81F9B91785E49179E9DA6 ...
easyui tree,combotree 去掉默认图标
1.加载Tree $("#FK_UNIT_ID").combotree({url: '/Pillars/GetChildAll', //请求地址method: 'post', // ...
EasyUI：combotree(树形下拉框)复选框选中父节点(子节点的状态也全部选中)输入框中只显示父节点的文本值
在开发过程中遇到的小案例效果展示未处理之前的效果: 处理之后的效果: 需求详情 combotree(树形下拉框)复选框选中父节点时输入框只显示父节点的文本值,但是子节点的状态是选中的. 当所有子节 ...

easyui之combotree

easyui之combotree相关推荐

最新文章

热门文章