var treeStore = Ext.create('Ext.data.TreeStore', {
root : {
expanded : true,
children : [{
text : "detention",
leaf : true
}, {
text : "homework",
expanded : true,
checked : false,
children : [{
text : "book report",
checked : false,
expanded : true,
children : [{
text : "buy lottery tickets",
checked : false,
expanded : true,
leaf : true
}, {
text : "buy lottery tickets3",
checked : false,
expanded : true,
leaf : true
}]
}, {
text : "alegrbra",
checked : false,
expanded : true,
leaf : false,
children : [{
text : "buy lottery tickets2",
checked : false,
leaf : true
}, {
text : "buy lottery tickets3",
checked : false,
expanded : true,
leaf : true
}]
}]
}, {
text : "buy lottery tickets",
leaf : true
}]
}
});
var treePanel = Ext.create('Ext.tree.Panel', {
width : 200,
height : 250,
store : treeStore,
rootVisible : false,
checked : true,
defaults : {
checked : false
}
});
treePanel.on('checkchange', function(record, checked) {
if (checked) {
record.bubble(function(parentNode) {
parentNode.set('checked', true);
});
record.cascadeBy(function(node) {
node.set('checked', true);
});
} else {
record.cascadeBy(function(node) {
node.set('checked', false);
});
record.bubble(function(parentNode) {
if ('Root' != parentNode.get('text')) {
var flag = true;
for (var i = 0; i < parentNode.childNodes.length; i++) {
var child = parentNode.childNodes[i];
if (child.get('checked')) {
flag = false;
continue;
}
}
if (flag) {
parentNode.set('checked', false);
}
}
});
}
}, treePanel);
var win = Ext.widget('window', {
title : '修改客服权限',
closeAction : 'hide',
width : 400,
height : 300,
layout : 'fit',
resizable : true,
modal : true,
buttonAlign : 'center',
items : treePanel,
listeners : {
'beforehide' : function() {
fromForm.getForm().reset();
}
},
buttons : [{
text : '修改',
id : 'update_btn',
handler : function() {
addOrUpdateAction('update');
}
}, {
text : '关闭',
handler : function() {
win.hide();
}
}]
});
分享到:
相关推荐
extjs4.1下拉复选框完整DEMO,包含了extjs4.1主文件,代码实现了动态加载功能,所以需要配置IIS或者apache。插件文件在ux目录下,请自行参考。
extjs4.1的中文文档,可以方便查看API
ExtJS4.1+MVC3+Spring.NET1.3+EF5 整合八:ExtJS及其MVC ExtJS DEMO源码,原文链接:http://blog.csdn.net/xz2001/article/details/8929377
Extjs4.1 小例子(适合extjs初学者学习使用).直接导入myeclipse即可
ExtJs4.1 正式版,考虑到官网速度慢,放上来服务大家!
EXTJS 4.1 API中文版 ExtJS 4.1 中文版API [脚本娃娃---开源文档翻译组]历时一年多完整翻译。 在此友情扩散。
Extjs 4.1中文版api,非常难得的一款4.1的中文api,值得大家收藏
extjs4.1 框架和文档 从官网下载的extjs-4.1.0-rc1
ExtJS 4.1 中文版API [脚本娃娃---开源文档翻译组]历时一年多完整翻译。 在此友情扩散下载,非常完整详细! 学习ExtJS必备的帮助文档,而且对其中的API进行了汉化,更有利于ExtJS的学习!
Extjs4.1中文API.chm
ExtJS4.1学习心得及源码 目录 一、安装与配置 二、第一个ExtJS例子 三、表格 四、从XML读取数据表格 五、按钮 六、ComboBox控件 七、Panel面板 八、Viewport 九、表单Form 十、窗口 十一、消息对话框 十二...
自己项目中完整的基于extjs4.1的mvc框架,我把它从项目中剥离出来,无后端集成,可以直接运行index.html,样式主题可以自己引用ext4.1提供的theme,该框架基于自己封装的自定义的基于ext4mvc的公共组件,需要一定的...
extjs4.1修改bug版本,已修改数字、日期等多个控件的问题
100行代码解决ExtJs4.1合并单元格问题
Extjs 4.1 下拉框 Tree 的实现(mvc)
Extjs4.1 系统框架 集成权限操作流程和页面 只想说一句:你值得拥有
无需积分,ExtJs权威指南第一部分(ExtJs4.1),请两部分都下载完成后解压
Extjs4.1中build下的sdk.jsb3里的路径配置都是错误的,所以集成到spket根本不能进行智能提示,这个是经过修复后的,只要替换掉build下的sdk.jsb3就可以了
学习ExtJS必备的帮助文档,而且对其中的API进行了汉化,更有利于ExtJS的学习。