欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

extjs關于treePanel+chekBox全部選中以及清空選中問題探討

 更新時間:2013年04月02日 15:13:05   作者:  
treePanel+chekBox全部選中以及清空選中,想必大家在學習使用過程中都見過這種效果吧,接下來為大家詳細介紹下實現(xiàn)過程及細節(jié),感興趣的朋友可以參考下哈
復制代碼 代碼如下:

//樹
var treePanel = new Ext.tree.TreePanel({
id:'ptree',
region:'west',
layout:'anchor',
border:false,
rootVisible: false,
root:{},
listeners:{
render: function() {
authorityTree(treePanel); /*渲染樹*/
},
checkchange: function(node, state) {
if (node.parentNode != null) {
//選中子節(jié)點讓相應的父節(jié)點選中
var pNode = node.parentNode;
if (state || treePanel.getChecked(id, pNode) == "") {
pNode.ui.toggleCheck(state);// 觸發(fā)父節(jié)點被選中
pNode.attributes.checked = state;
}
}
treeId = node.attributes.id;
treeName = node.attributes.text;
}
}
});
//操作按鈕
tbar: [{
id: 'btnQingKong',
text: '清空',
iconCls: 'winupdate-icon',
handler: function() {
var nodes = Ext.getCmp('ptree').getChecked();
if (nodes && nodes.length) {
for (var i = 0; i < nodes.length; i++) {
//設置UI狀態(tài)為未選中狀態(tài)
nodes[i].getUI().toggleCheck(false);
//設置節(jié)點屬性為未選中狀態(tài)
nodes[i].attributes.checked = false;
}
}
}
},{
id: 'btnQuanXuan',
text: '全選',
iconCls: 'winupdate-icon',
handler: function() {
var nodeT = Ext.getCmp('ptree').getRootNode();
treeCheckTrue(nodeT);
}
}]
/**
*checkTree全選
*/
var treeCheckTrue = function(node)
{
node.eachChild(function (child) {
child.getUI().toggleCheck(true);
child.attributes.checked = true;
treeCheckTrue(child);
});
}
/**
*checkTree清空
*/
var treeCheckfalse = function(tree)
{
var nodes = tree.getChecked();
if(nodes && nodes.length){
for(var i=0;i<nodes.length;i++){
//設置UI狀態(tài)為未選中狀態(tài)
nodes[i].getUI().toggleCheck(false);
//設置節(jié)點屬性為未選中狀態(tài)
nodes[i].attributes.checked=false;
}
}
}

相關文章

  • extjs 為某個事件設置攔截器

    extjs 為某個事件設置攔截器

    Ext.util.Observable有一個重要的功能,可以為某個事件設置攔截器,統(tǒng)一管理方法的處罰。使用capture()和releaseCapture()來實現(xiàn)這個功能。
    2010-01-01
  • Exjs 入門篇

    Exjs 入門篇

    Extjs是從yui-ext發(fā)展來的一套ajax控件,是一套完整的富客戶端解決方案,也因為功能完整,ext-all.js有400多k(最新的extjs3.2.0 有600多k),以為是基于js和css的功能實現(xiàn),對客戶端機器性能也有一定的要求,比如對ie6以下版本的不支持。
    2010-04-04
  • extjs 如何給column 加上提示

    extjs 如何給column 加上提示

    本節(jié)主要介紹了extjs 如何給column 加上提示,需要的朋友可以參考下
    2014-07-07
  • extjs grid設置某列背景顏色和字體顏色的實現(xiàn)方法

    extjs grid設置某列背景顏色和字體顏色的實現(xiàn)方法

    extjs grid設置某列背景顏色和字體顏色的實現(xiàn)步驟,需要的朋友可以參考下。
    2010-09-09
  • 常用Extjs工具:Extjs.util.Format使用方法

    常用Extjs工具:Extjs.util.Format使用方法

    常用Extjs工具:Extjs.util.Format使用方法,需要的朋友可以參考下
    2012-03-03
  • ExtJS 配置和表格控件使用

    ExtJS 配置和表格控件使用

    ExtJS時一套AJAX控件,本人認為它是目前我見過最好最美的JS控件庫,所以非常有學習和使用價值,如果你還沒有接觸過ExtJS或者壓根對其不感興趣,那么沒有必要看下去了
    2009-09-09
  • extjs 學習筆記(一) 一些基礎知識

    extjs 學習筆記(一) 一些基礎知識

    相信很多人對使用js進行客戶端的編程比較頭大,其實現(xiàn)在已經(jīng)有了很多優(yōu)秀的js庫,可以大大簡化js編程的工作量,其中,jquery和extjs就是兩款非常優(yōu)秀的js庫。
    2009-10-10
  • Extjs4中的分頁應用結合前后臺

    Extjs4中的分頁應用結合前后臺

    本文為大家介紹下Extjs4中的分頁如何使用且結合前后臺,具體的示例如下,感興趣的朋友可以參考下
    2013-12-12
  • 學習ExtJS TextField常用方法

    學習ExtJS TextField常用方法

    ExtJS TextField常用方法
    2009-10-10
  • Extjs學習筆記之六 面版

    Extjs學習筆記之六 面版

    面版表示頁面上的一塊相對獨立的區(qū)域,利用傳統(tǒng)的html+css要構建靈活統(tǒng)一的區(qū)域并非易事。
    2010-01-01

最新評論