下拉框 tree 基于 EasyUi
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的更多相关文章
- 手把手教学~基于element封装tree树状下拉框
在日常项目开发中,树状下拉框的需求还是比较常见的,但是element并没有这种组件以供使用.在这里,小编就基于element如何封装一个树状下拉框做个详细的介绍. 通过这篇文章,你可以了解学习到一个树 ...
- easyui源码翻译1.32--ComboTree(树形下拉框)
前言 扩展自$.fn.combo.defaults和$.fn.tree.defaults.使用$.fn.combotree.defaults重写默认值对象.下载该插件翻译源码 树形下拉框结合选择控件和 ...
- 雷林鹏分享:jQuery EasyUI 表单 - 创建树形下拉框
jQuery EasyUI 表单 - 创建树形下拉框 树形下拉框(ComboTree)是一个带有下列树形结构(Tree)的下拉框(ComboBox).它可以作为一个表单字段进行使用,可以提交给远程服务 ...
- 第二百二十七节,jQuery EasyUI,ComboTree(树型下拉框)组件
jQuery EasyUI,ComboTree(树型下拉框)组件 学习要点: 1.加载方式 2.属性列表 3.方法列表 本节课重点了解EasyUI中ComboTree(树型下拉框)组件的使用方法,这个 ...
- Easyui多个下拉框联动效果
好久没写前端了,以前在做多级联动的时候,用的是easyui的tree结构,但是需要一次性全部加载,不是按需加载,性能不好,退而求其之,用多个下拉框做 eayui的combobox 有onSelect ...
- 在easyui中如何修改combobox的下拉框的高度为自适应高度
在easyui中,有时候easyui下拉框的高度比较高,如果我们的值比较少,而下拉框的高度很高的话看起来不好看,修改前效果如下所示: 要修改下拉框的高度和我们的值自适应的 话,只要添加一个panelH ...
- easyui combotree下拉框多选赋值
发现jquery.easyui.min.js 1.3.4版本的用setValues给多选下拉框赋值不成功,只能用1.3.1版本的 Html代码: <input id="ProductL ...
- easyui的combobox下拉框初始化默认值以及保持该值一直显示的方法
easyui的combobox下拉框默认初始值是空,下面是实现从远程加载数据之后初始化默认值,以及让该值一直排在下拉框的最顶部的方式. 目前的需求是需要在初始化的时候添加"全部数据库&quo ...
- jquery easyui无法绑定下拉框内容
最近在研究jquery easyui的DataGrid,发现DataGrid中的下拉框无法绑定值,找了很久也没发现是具体问题所在,最后还是同事帮忙搞定的.具体问题竟然是jquery easyui提供的 ...
随机推荐
- rabbitmq的安装与使用
1.RabbitMQ的安装,rabbitmq为erlang语言开发,所以先安装erlang语言开发包,现在电脑一般都是64位的,所以下载64位的都行了.红色框可以选择版本,箭头选择64位的进行下载.下 ...
- webpack学习笔记--配置entry
Entry entry 是配置模块的入口,可抽象成输入,Webpack 执行构建的第一步将从入口开始搜寻及递归解析出所有入口依赖的模块. entry 配置是必填的,若不填则将导致 Webpack ...
- Java 中 static 和 volatile 关键字的区别?
static指的是类的静态成员,实例间共享 volatile跟Java的内存模型有关,线程执行时会将变量从主内存加载到线程工作内存,建立一个副本,在某个时刻写回.valatile指的每次都读取主内存的 ...
- npm淘宝镜像的设置和删除
设置 npm config set registry https://registry.npm.taobao.org npm config set disturl https://npm.taobao ...
- Nginx+Redis+Ehcache大型高并发高可用三层架构总结
在生产环境中,对于高并发架构,我们知道缓存 是最重要的环节,对于大量的高并发.可以采用三层缓存架构来实现,也就是Nginx+Redis+Ehcache 对于中间件Nginx常来做流量分发,同事ngin ...
- Docker技术底层架构剖析
[Docker 底层技术] docker底层的 2 个核心技术分别是 Namespaces 和 Control groups 在操作系统中,网络配置,进程,用户,IPC(进程之间的调用)等信息之间的 ...
- eclipse发布web
elipse集成tomcat 在实际开发中通常在eclipse中集成tomcat,这样在开发中更方便一些.打开eclipse,选择界面下方的servers选项,点击no servers are ava ...
- 2018牛客网暑假ACM多校训练赛(第三场)G Coloring Tree 计数,bfs
原文链接https://www.cnblogs.com/zhouzhendong/p/NowCoder-2018-Summer-Round3-G.html 题目传送门 - 2018牛客多校赛第三场 G ...
- 实体转xml 并以string输出
<?xml version="1.0" encoding="utf-8"?><Root> <Header> <Mess ...
- Date类的使用
[构造方法] 1)Date():无参构造 [代码] Date date = new Date(); System.out.println(date); 2)Date(long time):带参构造 [ ...