treepanel(11)
-
Sencha treepanel row 선택하기
Row ID로 선택하기// Assuming your TreePanel is already created and has an id or referenceExt.onReady(function () { var treePanel = Ext.getCmp('myTreePanel'); // Replace 'myTreePanel' with your TreePanel's id // Get the selection model var selectionModel = treePanel.getSelectionModel(); // Find a node by id or some other identifier var node = treePanel.getStore().getNodeById('desiredNod..
2024.12.05 -
Sencha treepanel의 모든 node 펼치기
treepanel의 함수 사용var treePanel = Ext.ComponentQuery.query('treepanel')[0]; // Get your TreePanel instanceif (treePanel) { treePanel.expandAll(); // Expand all nodes console.log('All nodes have been expanded.');}store를 이용var treePanel = Ext.ComponentQuery.query('treepanel')[0]; // Get your TreePanel instancevar store = treePanel.getStore(); // Get the TreeStorestore.getRootNode().cascadeBy(f..
2024.12.05 -
Sencha treepanel에서 선택된 row 정보 가져오기
treepanel에서 정보를 가져옴// Assuming 'treePanel' is the reference to your TreePanel instancevar selectedNodes = treePanel.getSelectionModel().getSelection();// Iterate through the selected nodesselectedNodes.forEach(function(node) { console.log('Selected Node:', node.get('text')); // Replace 'text' with the field name you want});Ext.create('Ext.tree.Panel', { title: 'Sample TreePanel', width:..
2024.12.05 -
Sencha Grid의 체크박스 사용하기
Grid에 있는 체크박스 사용: 셀만 선택이되고, 체크박스에 체크를 해야 row가 선택됨 selModel: { type: 'checkboxmodel', checkOnly: true, // Only allow selection via checkbox},Grid에 있는 체크박스 사용: Row를 선택하면, 체크박스가 체크됨selType: 'checkboxmodel',체크박스 선택 옵션SINGLE: 한개만 선택됨MULTI: 여러개 선택됨(단, shift 키를 같이 눌러야 함)SIMPLE: 여러개 선택됨(shift키를 안눌러도 됨) selModel: { type: 'checkboxmodel', // Enable checkbox selection mode: 'MULTI', ..
2024.12.05 -
Sencha TreePanel 사용시 주의사항
store에 autoload:true를 설정하면 client에서 설정한 데이터값이 무시됨빼거나 false로 설정해야 함Ext.onReady(function () { // Define the TreeStore with static local data const store = Ext.create('Ext.data.TreeStore', { fields: ['id', 'name', 'location'], // Define the fields for the nodes root: { expanded: true, // Expand the root node by default text: 'Root Node', // Root node's text..
2024.12.01