> 웹 프론트엔드 > JS 튜토리얼 > 모든 treePanel chekBox를 선택하고 Selection_extjs를 지우는 문제에 대한 extjs 토론

모든 treePanel chekBox를 선택하고 Selection_extjs를 지우는 문제에 대한 extjs 토론

WBOY
풀어 주다: 2016-05-16 17:38:23
원래의
1210명이 탐색했습니다.
코드 복사 코드는 다음과 같습니다.

//tree
var treePanel = new Ext. tree.TreePanel({
id:'ptree',
지역:'west',
layout:'anchor',
border:false,
rootVisible: false,
root :{} ,
리스너:{
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 =
}
}
treeId = node .attributes.id;
treeName = node.attributes.text
}
}
})
//작업 버튼
tbar:
id: ' btnQingKong',
text: 'clear',
iconCls: 'winupdate-icon',
handler: function() {
var node = Ext.getCmp('ptree ').getChecked() ;
if (nodes && node.length) {
for (var i = 0; i < node.length; 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 = 함수( 노드)
{
node.eachChild(함수(하위) {
child.getUI().toggleCheck(true);
child.attributes.checked = true;
treeCheckTrue(child) ;
});
}
/**
*checkTree 지우기
*/
var treeCheckfalse = function(tree)
{
var 노드 = tree.getChecked( );
if(nodes && node.length){
for(var i=0;i//UI 상태를 선택 취소된
노드로 설정합니다.[i ].getUI ().toggleCheck(false);
//노드 속성을 선택 해제된 상태로 설정
nodes[i].attributes.checked=false;
}
}

관련 라벨:
원천:php.cn
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿