1.引入css和js
<link rel="stylesheet" type="text/css" href="themes/default/easyui.css">
<script type="text/javascript" src="js/jquery-1.7.2.min.js"></script>
<script type="text/javascript" src="js/jquery.easyui.min.js"></script>
2.加入标签
<input id="ddtree" name="ddtree" />
注:id,用于js操作;name,用于获取值
3.加入js代码
$('#ddtree').combotree( {
//获取数据URL
url : 'Data',
//选择树节点触发事件
onSelect : function(node) {
//返回树对象
var tree = $(this).tree;
//选中的节点是否为叶子节点,如果不是叶子节点,清除选中
var isLeaf = tree('isLeaf', node.target);
if (!isLeaf) {
//清除选中
$('#ddtree').combotree('clear');
}
}
});
4.JSON格式
[ {
"id" : 1,
"text" : "Folder1",
"iconCls" : "icon-ok",
"children" : [ {
"id" : 2,
"text" : "File1",
"checked" : true
}, {
"id" : 3,
"text" : "Folder2",
"state" : "open",
"children" : [ {
"id" : 4,
"text" : "File3",
"attributes" : {
"p1" : "value1",
"p2" : "value2"
},
"checked" : true,
"iconCls" : "icon-reload"
}, {
"id" : 8,
"text" : "Async Folder",
"state" : "closed"
} ]
} ]
}, {
"text" : "Languages",
"state" : "closed",
"children" : [ {
"id" : "j1",
"text" : "Java"
}, {
"id" : "j2",
"text" : "C#"
} ]
} ]
注:后台方法(见附带demo,Data.java,easyui.jsp)
API:
http://www.jeasyui.com/documentation/index.php
分享到:
相关推荐
包括表结构及数据,后台Controller和实体类,页,及主要js包。 同时成功的图片。jquery,easyui,combotree,search,树形带搜索框。
对于jquery-easyui的combotree 异步树,使用上其实并不会太复杂,但是要搞明白还是比较麻烦的,本代码基本上把异步树的生成和使用都做了示例,JSP部分基本上直接拿来用即可。同时增加了实例代码和修正了上一个上传的...
Combotree:checkbox框允许多选,树形结构
jquery-easyui_combotree异步树的生成代码
参考大哥的例子,简单的修改介绍了easyui和mvc的使用
对于jquery-easyui的combotree 异步树,使用上其实并不会太复杂,但是要搞明白还是比较麻烦的,本代码基本上把异步树的生成和使用都做了示例,基本上直接拿来用即可。同时大幅增加和修正了上一个上传的同类文件中的...
本 chm 文档是根据博客园“风流涕淌”的《jQuery EasyUI 1.2.4 API 中文文档(完整)目录》整理而成 http://www.cnblogs.com/Philoo/archive/2011/11/17/jeasyui_api_index.html Base 基础 Documentation 文档 ...
jQuery EasyUI 1.4.5版本更新内容: Bug(修复) datagrid:修复在调用updateRow方法之后使用getChanges方法无法返回被更新的行的BUG; treegrid:修复在追加或插入新行的时候触发onLoadSuccess事件的BUG; tree...
jQuery EasyUI 1.5.2 版本更新内容 Bug(修复) form:修复在调用“reset”方法的时候会导致input输入框初始值消失的BUG; textbox:修复在调用“destroy”方法的时候无法清除字段标签的BUG; datagrid:修复在不...
jQuery EasyUI 组合树(ComboTree) 和组合框的用法差不多,只是在显示上有点差别:一个显示成树状结构,一个显示成列表结构。 项目中做角色授权时,需要做一个下拉框带树结构的 并且可以多选的组件,就想到了easyui的...
jQuery EasyUI 1.5.2 版本更新内容 Bug(修复) • form:修复在调用“reset”方法的时候会导致input输入框初始值消失的BUG; • textbox:修复在调用“destroy”方法的时候无法清除字段标签的BUG; • datagrid:...
下面小编就为大家带来一篇jQuery EasyUI 为Combo,Combobox添加清除值功能的实例。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧
jQuery EasyUI API 中文文档 - ComboTree组合树,需要的朋友可以参考下。
树形下拉框 - ComboTree 日期输入框 - DateBox 日期时间输入框 - DateTimeBox 数字输入框 - NumberBox 格式化数字输入框 - Format NumberBox 数字调节器 - NumberSpinner 进度条 - ProgressBar 搜索框...
EasyLoader是可以动态加载脚本和CSS文件,也可以动态加载EasyUI已有组件 需要引用EasyLoader.js文件,注意:这里就不需要引用jquery.easyui.min.js文件了。 比如需要加载linkbutton组件,则可以用下面的两种方式来...
使用jQuery easyUI 创建一个 RSS Feed阅读器 Drag and Drop easyUI 基础的拖动和放置 使用easyUI创建一个拖放的购物车 使用easyUI创建一个课程表 Menu and Button 使用easyUI创建简单的菜单 使用easyUI...
用 $.fn.combotree.defaults 重写了defaults。 依赖 combo tree 用法 <select id=”cc” style=”width:200px;”></select> <input id=”cc” value=”01″> 代码如下: $(‘#cc’).combotree({ ...
jQuery+EasyUI+1.2.4+API+中文文档,有时间好好看一下,目录如下: Base 基础 Documentation 文档 Parser 解析器 EasyLoader 加载器 Draggable 可拖拽 Droppable 可释放 Resizable 可调整尺寸 Pagination...