tbar: [ { text: 'Load CSV', handler: function() { // Trigger a file input dialog to select a CSV file const fileInput = document.createElement('input'); fileInput.type = 'file'; fileInput.accept = '.csv'; fileInput.onchange = function(event) { const file = event.target.files[0]; if (file) { ..

tbar: [ { text: 'Export to CSV', handler: function() { const grid = this.up('grid'); // Get reference to the grid const store = grid.getStore(); // Get the grid's store // Filter columns to exclude those with dataIndex '_$_' const columns = grid.getColumns().filter(column => column.dataIndex !== '_$_'); // Extract column hea..

const columns = grid.getColumns().filter(column => column.dataIndex !== '_$_');'_$_'는 row의 상태값 컬럼의 header

CSS 추가/* Hide filter dropdown in grid header for columns with 'hide-filter-trigger' class */.hide-filter-trigger .x-column-header-trigger { display: none !important;}이벤트 추가 listeners: { afterrender: function (grid) { // Define columns for which the filter dropdown should be hidden const columnsToHideFilter = ['test', 'temp']; // Hide the filter dropdown for specific co..

// Assuming 'myGrid' is your AUIGrid instancelet selectedItems = AUIGrid.getSelectedItems(myGrid);if (selectedItems.length > 0) { // Get the first selected item let selectedItem = selectedItems[0]; // Access the dataField of the selected column let dataField = selectedItem.dataField; // Column's dataField console.log("Selected Column's dataField:", dataField);}

cellClick: Triggered when a cell is clicked.cellDoubleClick: Triggered when a cell is double-clicked.cellEditEnd: Triggered after a cell edit is completed.headerClick: Triggered when a column header is clicked.