Javascript/Sencha(120)
-
Sencha combobox 로딩시, 서버에서 값 가져오기
afterrender 이벤트 사용Ext.create('Ext.form.ComboBox', { fieldLabel: 'Select Item', queryMode: 'local', displayField: 'name', valueField: 'id', renderTo: Ext.getBody(), store: { fields: ['id', 'name'] // Define fields for the store }, listeners: { afterrender: function(combo) { // Trigger when ComboBox is rendered Ext.Ajax.request({ url:..
2024.12.24 -
Sencha 특정 컬럼만 수정(modified)표시 제거하기
delete를 통해서 상태를 원래대로 돌리고, refresh()를 통해서 화면을 업데이트 함checkchange: function (column, rowIndex, checked, record) { const view = column.up('treepanel').getView(); delete record.modified['check']; // Clear modified state for 'check' // Optional: Refresh the grid view view.refresh();}
2024.12.22 -
Sencha treepanel에서 체크된 row만 가져오기
test 컬럼이 체크된 row만 가져오기var treePanel = this.up('treepanel'); // Get the tree panelvar checkedRows = [];treePanel.getStore().each(function (record) { if (record.get('test')) { // Check if the 'test' column is checked checkedRows.push(record); // Add the record to the array }});// Now 'checkedRows' contains all the checked rows.console.log(checkedRows);
2024.12.21 -
Sencha treepanel view에서 모든 row 정보 가져오기
getNodes() 사용var tree = Ext.getCmp('treePanelId'); // Replace with your TreePanel IDvar view = tree.getView();var rows = view.getNodes(); // Get all rendered rows (DOM elements)console.log(rows);
2024.12.21 -
Sencha treepanel의 모든 row 가져오기
getRootNode() 사용var tree = Ext.getCmp('treePanelId'); // Replace with your TreePanel IDvar store = tree.getStore();var allNodes = [];store.getRootNode().cascadeBy(function(node) { allNodes.push(node);});// Output all nodesconsole.log(allNodes);
2024.12.21 -
Sencha treepanel 체크박스 체크하면 css 적용하기
Ext.fly().toggle.Cls 사용{ xtype: 'checkcolumn', dataIndex: 'check', width: 50, listeners: { checkchange: function (column, rowIndex, checked, record) { record.commit(); // Commit changes to reflect visually // Apply a CSS class to visually indicate deletion const view = column.up('treepanel').getView(); const rowNode = view.ge..
2024.12.21