Javascript(170)
-
Sencha Chart 마우스 오버 처리
다른 이벤트는 안되서, tooltip에 이벤트 적용: alert('Event');{ xtype: 'cartesian', itemId: 'chart', width: 600, height: 400, store: { fields: ['date', 'DATA', 'value'], data: [ { date: '2024-11-27 12:00', DATA: 'Data1', value: 50 }, { date: '2024-11-27 13:00', DATA: 'Data2', value: 70 }, // Add more records as needed ] }, axes: [ ..
2024.11.27 -
Sencha Grid 자동 바인딩
Store 자동으로 로딩되도록 설정Ext.create('Ext.data.Store', { storeId: 'store', // Assign an ID for easy reference fields: ['DATA1','DATA5','DATA7'], // Define fields proxy: { type: 'ajax', // Use Ajax to fetch data actionMethods: { read: 'POST' // Specify that the "read" operation (load) should use POST }, headers: { 'Content-Type': 'application/js..
2024.11.27 -
Sencha Grid store 업데이트 하기
설정한 값으로 업데이트// New data to update the storelet newData = [ { DATA1: 'A', DATA5: 80, DATA7: 60 }, { DATA1: 'B', DATA5: 70, DATA7: 50 },];// Access the store of the gridlet grid = Ext.ComponentQuery.query('#grid')[0]; // Use itemId to get the gridlet store = grid.getStore(); // Update the store with new datastore.loadData(newData);store를 새로 교체// Create a new storelet newStore = Ext.create('E..
2024.11.27 -
Sencha Grid 선택된 row 색깔 바꾸기
inline style 사용javascript{ xtype: 'grid', itemId: 'grid', title: '정보', height: 300, flex: 1, scrollable: true, store: Ext.data.StoreManager.lookup('store'), columns: [ { text: '샘플1', dataIndex: 'DATA1', flex: 1 }, { text: '샘플2', dataIndex: 'DATA2', flex: 1 }, ], selModel: { mode: 'SINGLE', // Single-row selection mode selectedItemCls: 'se..
2024.11.27 -
Sencha Grid scroll 추가
scrollable: trueExt.create('Ext.grid.Panel', { renderTo: Ext.getBody(), title: 'Scrollable Grid Example', width: 800, height: 400, // Set a fixed height to make scrolling effective scrollable: true, // Enable scrolling store: Ext.create('Ext.data.Store', { fields: ['id', 'name', 'email'], data: (function () { // Generate sample data let data ..
2024.11.26 -
Sencha Grid 405에러 415에러 처리
405에러: Post방식으로 호출해야 하는데, Get방식으로 호출했기 때문에 발생415에러: Media Type이 정의되지 않아서 발생Ext.create('Ext.data.Store', { storeId: 'nodeStore', // Assign an ID for easy reference fields: ['DATA1', 'DATA3', 'DATA8', 'DATA2'], // Define fields proxy: { type: 'ajax', // Use Ajax to fetch data url: '/Node/getNode2List.do', // Server endpoint to fetch data actionMethods: { re..
2024.11.26