社区
JavaScript
帖子详情
ExtJS3 treePanel 不能给根节点加复选框实现全选么
Matcha___
2018-08-13 11:17:55
如题,ExtJS3 treePanel 不能给根节点加复选框实现全选么?注意是根节点不是父节点,另外,不能使用隐藏根节点的操作,因为根节点下具有多个兄弟节点的子节点
...全文
85
回复
打赏
收藏
ExtJS3 treePanel 不能给根节点加复选框实现全选么
如题,ExtJS3 treePanel 不能给根节点加复选框实现全选么?注意是根节点不是父节点,另外,不能使用隐藏根节点的操作,因为根节点下具有多个兄弟节点的子节点
复制链接
扫一扫
分享
转发到动态
举报
AI
作业
写回复
配置赞助广告
用AI写文章
回复
切换为时间正序
请发表友善的回复…
发表回复
打赏红包
extjs带
复选框
的树包括
全选
反选 子选父以及 父选子
extjs带
复选框
的树包括
全选
反选 子选父以及 父选子 与adf在jsp页面得应用 包含了工具类以及针对extjs树
节点
增
加
、删除、修改的工具方法
EXTJS动态树支持checkbox
全选
通过修改网络上的一个树的例子
实现
节点
的动态
加
载,还支持checkbox。
ExtJs4 Checkbox
tree
ExtJs4 Checkbox
tree
复选框
的且带右键菜单的树代码
下面是
复选框
的且带右键菜单的树代码。 HTML code Ext.BLANK_IMAGE_URL = "../resources/images/default/s.gif"; Ext.QuickTips.init(); Ext.state.Manager.setProvider(new Ext.state.CookieProvider()); Ext.onReady(function(){ /************************** 联系人树形菜单**************************/ var contacter
Tree
= new Ext.
tree
.
Tree
Panel
({ id:"
tree
Panel
Contact", border:false, lines:false, // 去掉树的线 rootVisible:true, autoScroll:true, animate:true, width:200, height : 468, style:"background-color:#FFFFFF;border-color:#0099FF;", // enableDD: false, // 允许树可以拖拽 containerScroll: true, loader: new Ext.
tree
.
Tree
Loader({ dataUrl:'/
tree
Operation.do?action=load
Tree
' }), root:new Ext.
tree
.Async
Tree
Node({ id : "
tree
Contact", text: '联系人', draggable:false, expanded: true // 展开
根
节点
下的
节点
}), listeners:{ click : function(node){ if(node.id == "
tree
Contact"){ // 如果点击的是
根
节点
,则 Grid
Panel
显示所有的数据 // store.load({params:{flag:'all'}}); } else if(node.isLeaf() == true){ // 如果点击的是枝
节点
的话,则
根
据 ID 查询联系人的信息 // store.load({params:{flag:'contacter',contacterId:node.id}}); }else{ // 如果既不是
根
节点
也不是枝
节点
,那么点击的就是分组
节点
, // 则 Grid
Panel
显示对应分组号的联系人信息 // store.load({params:{flag:'group',groupId:node.id}}); } } } }); // 添
加
树的右键菜单 contacter
Tree
.on('contextmenu', menuShow); function menuShow ( node ) {
tree
RightMenu.show(node.ui.getAnchor()); node.select();//让右击是选中当前
节点
}; var
tree
RightMenu = new Ext.menu.Menu({ id: '
tree
MenuContext', items: [ { text: '搜索联系人', icon:"../images/shared/icons/fam/search.gif", handler:function() { Search_Contacter("搜索联系人"); // 具体可以
根
据自己的需求来写。。 } }, { text: '添
加
联系人', icon:"../images/shared/icons/fam/add.gif", handler:function() { AddContacter("新增联系人"); // 具体可以
根
据自己的需求来写。。 } },{ text: '添
加
分组', icon:"../images/shared/icons/fam/add.gif", handler:function() { AddContacterGroup("新增分组"); // 具体可以
根
据自己的需求来写。。 } },{ text: "删除", icon: "../images/shared/icons/fam/delete.gif", handler:function() {
tree
DelContacter(); // 具体可以
根
据自己的需求来写。。 } } /* ,{ text:"修改", icon: "../images/shared/icons/fam/cog_edit.png", handler:function() {
tree
EditContacter(); } } */ ] }); // 当选中父
节点
时,让其子
节点
相应选中 contacter
Tree
.on('checkchange', function(node, checked) { node.expand(); node.attributes.checked = checked; node.eachChild(function(child) { child.ui.toggleCheck(checked); child.attributes.checked = checked; child.fireEvent('checkchange', child, checked); }); }, contacter
Tree
); // 删除事件 function
tree
DelContacter(){ // 当右键点击删除时,先判断右键点击的是分组
节点
还是枝
节点
// 通过选择模型来得到右键点击的
节点
var selectModel = contacter
Tree
.getSelectionModel(); var node = selectModel.getSelectedNode(); if(node.id == "
tree
Contact"){ // 右键
根
节点
Ext.MessageBox.alert("提示","
根
节点
是不允许删除的!"); }else if(node.isLeaf() == true){ // 右键 联系人
节点
var flag = confirm("您确定要删除名为 :“"+node.text+" ”的联系人信息吗?"); if(flag == true){ location.href="/contacterManage.do?action=delContacters&strContacterId="+node.id+";"; //alert("成功删除名为 :"+node.id+" 的联系人信息!"); } }else{ // 右键 分组
节点
var flag = confirm("您确定要删除名为 :“"+node.text+" ”的分组信息吗?"); if(flag == true){ //alert("成功删除名为 :"+node.id+" 的分组信息!"); location.href="/contacterManage.do?action=delContacterGroup&strGroupId="+node.id+";"; } } } // 修改事件 /* function
tree
EditContacter(){ // 当右键点击删除时,先判断右键点击的是分组
节点
还是枝
节点
// 通过选择模型来得到右键点击的
节点
var selectModel = contacter
Tree
.getSelectionModel(); var node = selectModel.getSelectedNode(); if(node.id == "
tree
Contact"){ // 右键
根
节点
Ext.MessageBox.alert("提示","
根
节点
是不允许修改的!"); }else if(node.isLeaf() == true){ // 右键 联系人
节点
}else{ // 右键 分组
节点
} } */ });
extjs关于
tree
Panel
+chekBox全部选中以及清空选中问题探讨
tree
Panel
+chekBox全部选中以及清空选中,想必大家在学习使用过程中都见过这种效果吧,接下来为大家详细介绍下
实现
过程及细节,感兴趣的朋友可以参考下哈
JavaScript
87,997
社区成员
224,709
社区内容
发帖
与我相关
我的任务
JavaScript
Web 开发 JavaScript
复制链接
扫一扫
分享
社区描述
Web 开发 JavaScript
社区管理员
加入社区
获取链接或二维码
近7日
近30日
至今
加载中
查看更多榜单
社区公告
暂无公告
试试用AI创作助手写篇文章吧
+ 用AI写文章