Sencha treepanel의 모든 node 펼치기
2024. 12. 5. 16:38ㆍJavascript/Sencha
treepanel의 함수 사용
var treePanel = Ext.ComponentQuery.query('treepanel')[0]; // Get your TreePanel instance
if (treePanel) {
treePanel.expandAll(); // Expand all nodes
console.log('All nodes have been expanded.');
}
store를 이용
var treePanel = Ext.ComponentQuery.query('treepanel')[0]; // Get your TreePanel instance
var store = treePanel.getStore(); // Get the TreeStore
store.getRootNode().cascadeBy(function (node) {
node.set('expanded', true); // Set each node's expanded property to true
});
console.log('All nodes have been expanded manually.');
loading시 처리
var store = Ext.create('Ext.data.TreeStore', {
root: {
expanded: true,
children: [
{ text: 'Node 1', leaf: true },
{ text: 'Node 2', leaf: true },
{ text: 'Folder', expanded: true, children: [
{ text: 'SubNode 1', leaf: true },
{ text: 'SubNode 2', leaf: true }
]}
]
}
});
'Javascript > Sencha' 카테고리의 다른 글
Sencha timefield의 값과 표시를 분리하기 (0) | 2024.12.05 |
---|---|
Sencha Custom js 파일 등록 (0) | 2024.12.05 |
Sencha Object 접근하기 (0) | 2024.12.05 |
Sencha treepanel에서 선택된 row 정보 가져오기 (0) | 2024.12.05 |
Sencha Grid의 체크박스 사용하기 (0) | 2024.12.05 |