折腾了好几天，才整理出来。
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<script type="text/javascript" src="js/jquery-1.3.2.min.js"></script>
<script type="text/javascript" src="js/jquery.tree.js"></script>
<script type="text/javascript" src="js/plugins/jquery.tree.checkbox.js"></script>
<script type="text/javascript" src="tree.js"></script>
<link href="js/themes/checkbox/style.css" rel="stylesheet" type="text/css">
</head>
<body>
<div id="tree"></div>
</body>
</html>
tree.js的代码
$(function () {
$.ajaxSetup({cache:false});
$("#tree").tree({
data : {
type : "json",
async : true,
opts : {
async : true,
method : "GET",
//向后台发送请求的url或json格式的数据文件
url : "json_data.json"
}
},
root : { attributes : { "id" : "0" }, data : "ROOT", state : "closed"},
lang:{
loading:"目录加载中……"
},
ui:{
theme_name:'checkbox'
},
callback : {
// Make sure static is not used once the tree has loaded for the first time
onload : function (t) {
t.settings.data.opts.static = false;
},
beforedata : function (n, t) {
if (n == false)
t.settings.data.opts.static = t.settings.root;
else
return {parent_Id : $(n).attr("id") }
},
//checkbox树展开之后，设置节点为选中状态
onopen_all : function() {
var selectedIds = [];
for (var i = 0; i < selectedIds.length; i++) {
jQuery.tree.plugins.checkbox.check($("#"+ selectedIds[i]+""));
}
}
},
plugins:{
checkbox:{}
}
});
});
分享到：
相关推荐
mtree1.0是基于javascript的树形控件，主要实现了基本树形控件和树形表格功能，可以使用复选框(checkbox)。 代码简洁，调用方法简单，容易上手。...希望能给各位带来方便，欢迎拍砖或给我一个更好的改进建议！
//JS实现treeview中选中父节点，子节点也选中,如果子节点全部选中，自动选中父节点 //仅支持TreeView //调用方法 TreeView.Attributes.Add("onclick", "OnTreeNodeChecked()");
1、纯javascript实现。 2、调用语法仿C#，使用方便，符合使用习惯。 3、可动态增加或删除树节点，方便其它语言中AJAX动态加载。 4、兼容IE各版本、FireFox、谷歌、... isCheckBox:是否选择CheckBox框，默认为false
思特Web树型控件1.0(无限级js版) 详细说明见 http://whbestsoft.blog.163.com 1、纯javascript实现。 2、调用语法仿C#，使用方便，符合使用习惯。 3、可动态增加或删除树节点，方便其它语言中AJAX动态加载。 4...
组件布局 Layout字体库 Fonts样式 Style组件 Componentspui.ceng.js _ 弹层pui.table.js _ 表格pui.radio.js _ 单选pui.checkbox.js 复选pui.page.js _ 分页pui.switch.js _ 开关pui.select.js _ 下拉菜单pui.query....
1、纯javascript实现。 2、调用语法仿C#，使用方便，符合使用习惯。并有详细示例。 3、可动态增加或删除树节点，方便其它语言中AJAX动态加载。 ... isCheckBox:是否选择CheckBox框，默认为false
今天小编就为大家分享一篇layui复选框的全选与取消实现方法，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
前台<pre><ul id="ttt" checkbox="true"></ul></pre>，js代码：<pre>function treeload(){ //树加载 $("#ttt").tree({ url:"tree_data2.do", }); }，通过调用Springmvc从后台返回tree
-修正了IE下Grid中的一个JS问题(feedback:lqm4108)。 -修正Alert消息中引号未编码导致的JS错误(feedback:sun1299shine)。 +集成extjs3.0.3。 -修正弹出对话框的宽度计算错误(会保持最小的状态)。 -增加新的...
-修正了IE下Grid中的一个JS问题(feedback:lqm4108)。 -修正Alert消息中引号未编码导致的JS错误(feedback:sun1299shine)。 +集成extjs3.0.3。 -修正弹出对话框的宽度计算错误(会保持最小的状态)。 -增加新的...
.NET关于string转换的一个小Bug Regular Expressions 完整的在.net后台执行javascript脚本集合 ASP.NET 中的正则表达式 常用的匹配正则表达式和实例 经典正则表达式 delegate vs. event 我是谁？[C#] 表达式计算引擎...
该方法不会移除已存在的 class 属性，仅仅添加一个或多个 class 属性。 } 测试文件：test3/flip项目 统计 data-percent 显示的信息为圆形统计，不需要添加额外图像文件 //canvas将百分比以图形的形式显示出来 var...
Extjs4 带复选框的树（Checkbox tree） Extjs4 新的布局方式 Extjs4 锁定表头(Locking Grid)功能 Extjs4.0 MVC实例 Extjs4.0动态填充combobox数据 Extjs4中up()和down()的用法 ExtJS4学习笔记(一)---window的创建 ...
一个字符类和它所包含的任何一个字符都匹配,所以正则表达式 / [abc] / 和字母 "a" , "b" , "c" 中的任何一个 都匹配.另外还可以定义否定字符类,这些类匹配的是除那些包含在中括号之内的字符外的所有字符.定义否定...
6.13.1 实例化一个键盘绑定对象 6.13.2 废弃原有键盘绑定 6.13.3 将废弃的键盘绑定重新生效 6.14 Ext.KeyMap提供更灵活强大的对按键的处理方法 6.14.1 构造函数 6.14.2 给对象添加键盘绑定 6.14.3 废弃已绑定...