ホームページ > ウェブフロントエンド > jsチュートリアル > すべてのtreePanel chekBoxを選択し、selection_extjsをクリアする問題に関するextjsディスカッション

すべてのtreePanel chekBoxを選択し、selection_extjsをクリアする問題に関するextjsディスカッション

WBOY
リリース: 2016-05-16 17:38:23
オリジナル
1210 人が閲覧しました
コードをコピー コードは次のとおりです。

//tree
vartreePanel = 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) {
//対応する親ノードを選択するために子ノードを選択します
var pNode = node.parentNode;
if (state ||treePanel.getChecked( id, pNode) == "") {
pNode.ui.toggleCheck(state); // 親ノードの選択をトリガーします
pNode.attributes.checked = state;
treeId = ノード .attributes.id;
ツリー名 = ノード.attributes.text;
}
});
id: ' btnQingKong'、
text: 'clear'、
iconCls: 'winupdate-icon'、
handler: function() {
var nodes = Ext.getCmp('ptree ').getChecked() ;
if (nodes && nodes.length) {
for (var i = 0; i //UI ステータスを未選択に設定します
nodes[ i].getUI().toggleCheck(false);
// ノード属性をチェックされていない状態に設定します
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(子) ;
});
}
/**
*checkTree クリア
*/
vartreeCheckfalse = function(tree)
{
var ノード =tree.getChecked( );
if(nodes && nodes.length){
for(var i=0;i// UI ステータスを未選択に設定します
nodes[i ].getUI ().toggleCheck(false);
//ノード属性をチェックされていない状態に設定します
nodes[i].attributes.checked=false;
}
}
>
関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート