ExtJs4.0 TreePanel+CheckBox全选

最新推荐文章于 2026-06-22 15:35:59 发布
转载 最新推荐文章于 2026-06-22 15:35:59 发布 · 6.3k 阅读 · 4
标签
#extjs #function #ajax #url
本文介绍了一个使用ExtJS框架创建树形面板的具体实例。该示例详细展示了如何通过配置属性来实现一个具有动态加载、排序及拖放功能的树形组件，并提供了具体的JavaScript代码。
Js代码   收藏代码
  1. var mytree = new Ext.tree.TreePanel({  
  2.     id: 'ppdTree',  
  3.     x: 5,  
  4.     y: 5,  
  5.     width: 378,  
  6.     height: 470,  
  7.     useArrows: true,  
  8.     autoScroll: true,  
  9.     animate: true,  
  10.     enableDD: true,  
  11.     containerScroll: true,  
  12.     store: new Ext.data.TreeStore  
  13.                 ({  
  14.                     proxy:  
  15.                     {  
  16.                         type: 'ajax',  
  17.                         url: 'data/User/UserPopedom.aspx?parameter=ppdTree&userId=' + userId  
  18.                     },  
  19.                     root:  
  20.                     {  
  21.                         id: 0,  
  22.                         text: "选择权限",  
  23.                         leaf: false,  
  24.                         expandable: true,  
  25.                         expanded: true  
  26.                     },  
  27.                     sorters: [  
  28.                     {  
  29.                         property: 'leaf',  
  30.                         direction: 'ASC'  
  31.                     },  
  32.                     {  
  33.                         property: 'text',  
  34.                         direction: 'ASC'  
  35.                     }]  
  36.                 })  
  37. });  
  38. mytree.on('checkchange', function (node, checked) {  
  39.     node.expand();  
  40.     node.checked = checked;  
  41.     node.eachChild(function (child) {  
  42.         child.set('checked', checked);  
  43.         child.fireEvent('checkchange', child, checked);  
  44.     });  
  45. }, mytree);  

ExtJs动态生成含有checkBox的Tree
chy2z的专栏
04-25 577
注意事项：返回的json数据中要包含checked属性！       给Tree添加了checkBox选中事件，选中父接点能自动选中所有子节点，改变子节点的状态的同时也能根据其兄弟节点的状态来改变父节点的选中状态。 //=========================================代码如下=============== Ext.BLANK_IMAGE_URL="
ExtJs之treePanel checkbox 复选框
idomyway的博客
11-25 5633
需求目录树需要实现多级复选的时的应用 效果图代码1.实现关键—–子节点和父节点的联动/** 递归遍历父节点 **/ var travelParentChecked = function(node, checkStatus, opts){ //父节点 var upNode = node.parentNode; if(upNode != null){
Extjs带checkbox树三态例子
热门推荐
weil001的专栏
03-20 1万+
近期会更新到3.1。^_^最近正在学习Extjs，用到了2.X版本里提供了 带有checkbox的树这个功能，我自己应有的例子，效果图如下：  js代码：  建立窗口main.js：Ext.onReady(function() { Ext.QuickTips.init();var tree = new Ext.tree.TreePanel({    
EXTJS中Gridpanel加载checkbox的使用方法
oFuHuaDeRenSheng的专栏
04-09 720
废话不说，直接上代码： 第一步：声明变量
extjs tree checkbox 复选框实现 取值 显示
┟枫※殇§的专栏
12-15 1223
原来做EXTTREE的复选其实很简单！ 数据： [{id:'55',text:'节点11',leaf:false,checked:true} checked属性就是控制复选框是否出现，true出现复选框  false 不出现。     获取tree的选中值方法：var nodes = tree.getChecked();   当点击父级节点同时选中子
ExtJs4.0 TreePanel+CheckBox全选 .
iteye_7219的博客
12-17 166
var mytree = new Ext.tree.TreePanel({       id: 'ppdTree',       x: 5,       y: 5,       width: 378,       height: 470,       useArrows: true,       autoScroll: true,       animate: true,   ...
ExtJs4 treepanel + checkbox 全选
u014021210的专栏
07-04 283
  var mytree = new Ext.tree.TreePanel({ id: 'ppdTree', x: 5, y: 5, width: 378, height: 470, useArrows: true, ...
[coolite] TreePanel CheckBox联动
德仔
01-10 1605
function treepanelcheck(item) {     treepanelchildcheck(item); treepanelparentcheck(item); } function treepanelchildcheck(item) {     var chNode;     if (item.childNodes.length > 0) {
extjs4.1实现tree节点checkbox disable的方法探讨
江下飞雪
08-31 1万+
需要实现的效果如图：        当然这是用extjs3做出的效果，在3里面直接node.ui.checkbox.disabled=true即可，如果设置节点就用node.disable();        但是现在问题就是在extjs4.1里面，就是找不到这个方法（反正我翻了很多遍api，就是没找到，如果你找到了，请告诉我一声，下面的方法可以直接路过了，嘿嘿、、、）。
Extjs4 treePanel + checkbox 级联选中
日光倾城
07-10 2519
viewConfig : { onCheckboxChange : function(e, t) { var item = e .getTarget( this .getItemSelector(), this .getTargetEl()), record; if (item) { reco
Ext.tree.Panel实现单选，多选
weixin_30807779的博客
01-11 542
Extjs 1 var productCategoryTreeLookUpFn = function(callback) { 2 var productCategoryLookUpWindow; 3 var productCategoryTreeStore; 4 var productCategoryTreeMenu; 5 ...
extjs 关于 treePanel + chekBox 全部选中 以及 清空选中
软件维修师
08-08 5129
 //树 var treePanel = new Ext.tree.TreePanel({ id:'ptree', region:'west', layout:'anchor', border:false, rootVisible: false, root:{}, listeners:{ render: function() { authorityTree(tree...
extjs4 treepanel checkbox 复选框 全选完美解决
cdmamata的专栏
07-22 5497
Extjs4 treePanel checkBox 对选框全选问题，从网上找的都会有各种问题，于是乎就自己写了， 结果发现 fireEvent('checkchange'...) 函数不起作用，于是直接用递归代替。 完美解决子节点全选时，父节点自动选择的问题。 话不多说，直接附源码 /** 递归遍历父节点 **/ var travelParentChecked = function
extjs4.0 checkbox刷新后列头会被勾选
u014797590的专栏
03-15 493
extjs4.0 checkbox刷新后列头会被勾选，完成操作后，列头是不能被选中的。操作的是方法是，将完成后的css:x-grid-hd-checker-on移除掉。 cancleHeader:function(){//取消列头选中 var hd_checker = Ext.getCmp('moneyDetailGridPanel').getEl().select('div.x-column
ExtJs TreePanel 全选与反选
weixin_30790841的博客
01-08 311
selectAll: function() { this.getRootNode().eachChild(function (child) { child.set('checked', true); }); }, unSelectAll: function() { this.getRootNode().eachChild(fun...
火车采集器动态网页抓取失败怎么办？AJAX异步数据完整实操教程
qq_29358165的博客
06-22 359
常规静态页面源码直接写死内容，普通采集器直接读取HTML即可抓取；而现在90%的电商、资讯、榜单、评论网站都是JS动态渲染页面，内容通过AJAX、Fetch接口异步加载，浏览器滚动、点击后才会请求数据。普通采集只抓“初始源码”，自然是空数据。而火车采集器LocoySpider内置Chromium浏览器渲染内核，支持模拟真实浏览器加载、等待、滚动、点击，是零代码抓取动态页面的核心优势，不用像Python爬虫一样手写Selenium、Playwright代码。
政府科技管理者如何利用科创数智大脑实现产业政策精准推送？.docx
06-26
政府科技管理者如何利用科创数智大脑实现产业政策精准推送？
【嵌入式系统】基于IEC 61508与ISO 26262的功能安全设计：工业与汽车领域安全完整性等级认证体系构建
最新发布
06-26
内容概要：本文系统阐述了嵌入式功能安全领域的两大核心标准——IEC 61508与ISO 26262的完整体系，涵盖其定位、关系、技术要求及认证流程。IEC 61508作为通用工业功能安全基础标准，适用于PLC、机器人、轨道交通等系统，采用SIL等级划分；ISO 26262则是其在汽车行业的衍生标准，专用于车载电控单元（如BMS、ESP、自动驾驶控制器），采用ASIL等级评估。文章详细解析了两个标准在风险评估方法（如HARA与风险图法）、软硬件设计规范、失效分析、安全机制实现（如看门狗、CRC校验、冗余设计）等方面的异同，并提供了从需求分析到认证落地的全流程实施路径，包括安全生命周期管理、文档证据链构建及第三方认证机构介绍。; 适合人群：从事工业自动化或汽车电子领域嵌入式系统设计、功能安全开发与认证工作的工程师、项目经理及安全分析师，具备一定电子电气或软件开发背景的专业人员； 使用场景及目标：①指导企业开展符合IEC 61508或ISO 26262的功能安全产品设计与认证；②帮助研发团队理解SIL/ASIL等级判定逻辑与软硬件安全机制实现方式；③支持撰写安全需求文档、FMEDA报告及准备第三方审核材料； 阅读建议：此资源兼具理论体系与工程实践，建议结合具体项目场景对照标准条款进行研读，并重点关注安全生命周期各阶段的交付物要求与典型安全防护设计示例，以提升实际应用能力。
SCRIPTS_.rar
06-26
CAD 缺失对应字体时，图纸文字会显示异常、出现乱码。将下载好的字体文件复制到 AutoCAD 的 Fonts 字体文件夹，即可正常显示文字。
评论 7
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值