public string DataTableToJson()
{
string dataJson = "";
string temp = "";
string tempChildren = "";
int id = 0;
int idChildren = 0;
DataTable dt = GJPDbHelper.DAL.ExecuteDataSet("select distinct  品牌,类型 from dbo.AIRB_MMTREE where treeType='1'").Tables[0];
if (dt.Rows.Count > 0)
{
dataJson = "[";
foreach (System.Data.DataRow dr in dt.Rows)
{
if (temp == "" || temp != dr[0].ToString())
{
if (id == 0)
{
id++;
idChildren = 0;
idChildren++;
temp = dr[0].ToString();
tempChildren = dr[1].ToString();
dataJson = dataJson + "{\"id\":" + id + ",\"text\":\"" + dr[0] + "\",\"children\":[{\"id\":" + Convert.ToInt32(id.ToString()+idChildren.ToString()) + ",\"text\":\"" + dr[1] + "\"}";
}
else
{
id++;
idChildren = 0;
idChildren++;
temp = dr[0].ToString();
tempChildren = dr[1].ToString();
dataJson = dataJson + "]},{\"id\":" + id + ",\"text\":\"" + dr[0] + "\",\"children\":[{\"id\":" + Convert.ToInt32(id.ToString() + idChildren.ToString()) + ",\"text\":\"" + dr[1] + "\"}";
}
}
else
{
idChildren++;
dataJson = dataJson + ",{\"id\":" + Convert.ToInt32(id.ToString() + idChildren.ToString()) + ",\"text\":\"" + dr[1] + "\"}";
}
}
dataJson = dataJson + "]}]";
}
return dataJson;
}
function BindRoleList(value) {
        $(value).combotree({
            data: <%=DataTableToJson()%>,
    //url: '/DesktopModules/ARB_OrgSys/GetOrgList.ashx',
    valueField: 'id',
    textField: 'text',
    multiple:true
});
        }
	    $(document).ready(function () {
            BindRoleList("#cc");
            $("#cc").combobox({
                onChange: function (n,o) {
                    document.getElementById("<%=tree.ClientID%>").value=$("#cc").combotree("getText");
                }             });
            
        });
<input id="cc" class="easyui-combotree" style="width: 100%" />

下拉框 tree 基于 EasyUi的更多相关文章

  1. 手把手教学~基于element封装tree树状下拉框

    在日常项目开发中,树状下拉框的需求还是比较常见的,但是element并没有这种组件以供使用.在这里,小编就基于element如何封装一个树状下拉框做个详细的介绍. 通过这篇文章,你可以了解学习到一个树 ...

  2. easyui源码翻译1.32--ComboTree(树形下拉框)

    前言 扩展自$.fn.combo.defaults和$.fn.tree.defaults.使用$.fn.combotree.defaults重写默认值对象.下载该插件翻译源码 树形下拉框结合选择控件和 ...

  3. 雷林鹏分享:jQuery EasyUI 表单 - 创建树形下拉框

    jQuery EasyUI 表单 - 创建树形下拉框 树形下拉框(ComboTree)是一个带有下列树形结构(Tree)的下拉框(ComboBox).它可以作为一个表单字段进行使用,可以提交给远程服务 ...

  4. 第二百二十七节,jQuery EasyUI,ComboTree(树型下拉框)组件

    jQuery EasyUI,ComboTree(树型下拉框)组件 学习要点: 1.加载方式 2.属性列表 3.方法列表 本节课重点了解EasyUI中ComboTree(树型下拉框)组件的使用方法,这个 ...

  5. Easyui多个下拉框联动效果

    好久没写前端了,以前在做多级联动的时候,用的是easyui的tree结构,但是需要一次性全部加载,不是按需加载,性能不好,退而求其之,用多个下拉框做 eayui的combobox  有onSelect ...

  6. 在easyui中如何修改combobox的下拉框的高度为自适应高度

    在easyui中,有时候easyui下拉框的高度比较高,如果我们的值比较少,而下拉框的高度很高的话看起来不好看,修改前效果如下所示: 要修改下拉框的高度和我们的值自适应的 话,只要添加一个panelH ...

  7. easyui combotree下拉框多选赋值

    发现jquery.easyui.min.js 1.3.4版本的用setValues给多选下拉框赋值不成功,只能用1.3.1版本的 Html代码: <input id="ProductL ...

  8. easyui的combobox下拉框初始化默认值以及保持该值一直显示的方法

    easyui的combobox下拉框默认初始值是空,下面是实现从远程加载数据之后初始化默认值,以及让该值一直排在下拉框的最顶部的方式. 目前的需求是需要在初始化的时候添加"全部数据库&quo ...

  9. jquery easyui无法绑定下拉框内容

    最近在研究jquery easyui的DataGrid,发现DataGrid中的下拉框无法绑定值,找了很久也没发现是具体问题所在,最后还是同事帮忙搞定的.具体问题竟然是jquery easyui提供的 ...

随机推荐

  1. webpack学习笔记--提取公共代码

    为什么需要提取公共代码 大型网站通常会由多个页面组成,每个页面都是一个独立的单页应用. 但由于所有页面都采用同样的技术栈,以及使用同一套样式代码,这导致这些页面之间有很多相同的代码. 如果每个页面的代 ...

  2. 查询Linux系统中glibc的版本

    编写一个简单的程序 #include <stdio.h> int main() { printf("Hello world\n"); ; } 编译 gcc test.c ...

  3. [WC2014]紫荆花之恋

    题解: 首先考虑点分治 dis(i,u)+dis(i,v)<=value[u]+value[v] 移项就很容易发现用平衡树可以很简单的维护这个东西 但是有重复,需要在下一层的每个平衡树内减去这个 ...

  4. 分布式系统的BASE理论

    一.BASE理论 eBay的架构师Dan Pritchett源于对大规模分布式系统的实践总结,在ACM上发表文章提出BASE理论,BASE理论是对CAP理论的延伸,核心思想是即使无法做到强一致性(St ...

  5. 远程连接mongodb服务器

  6. 51Nod1038 X^A Mod P 数论 原根 BSGS

    原文链接https://www.cnblogs.com/zhouzhendong/p/51Nod1038.html 题目传送门 - 51Nod1038 题意 题解 在模质数意义下,求高次剩余,模板题. ...

  7. BZOJ3862 Little Devil I 树链剖分

    原文链接http://www.cnblogs.com/zhouzhendong/p/8081514.html 题目传送门 - BZOJ3862 题意概括 一棵树,n个点,边权为黑或者白,支持3重操作: ...

  8. mySql版本的相关问题:com.mysql.cj.jdbc.Driver和com.mysql.jdbc.Driver

    Mysql版本的相关问题:com.mysql.cj.jdbc.Driver和com.mysql.jdbc.Driver 1. 在使用mysql时,控制台日志报错如下: Loading class `c ...

  9. day64 url用法以及django的路由系统

    此篇博客是以备后查的,用到的时候记得过来查找即可! 路由系统:就是我们的django项目创建的时候自带的那个urls.py 它本身里面是映射的对应关系,一个大的列表里面,一个个元祖,元祖里面是url或 ...

  10. maya cmds pymel polyEvaluate 获取 bounding box

    maya cmds pymel polyEvaluate 获取 bounding box cmds.polyEvaluate(bc = 1)   #模型 cmds.polyEvaluate(bc2 = ...