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..

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 ..

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..

itemhighlight: Highlights individual data points when hovered over.panzoom: Enables zooming and panning using gestures or mouse.zoomOnPanGesture: Enables zooming via gestures like pinch zoom or scroll wheel.axes: Specifies which axes allow panning and zooming.crosszoom: Allows rectangular zooming by dragging over a specific area.zoomOnPanGesture: Disables zooming when dragging.  i..

수평으로 item들이 보이도록 하려면, hbox 사용stretch를 사용해서 높이가 꽉차하게 함flex를 사용해서 넓이를 꽉차게 함Ext.onReady(function () { Ext.create('Ext.panel.Panel', { renderTo: Ext.getBody(), title: 'Panel with Items Stretching Horizontally', width: 600, height: 300, layout: { type: 'hbox', // Horizontal Box Layout align: 'stretch', // Stretch items to fill container heig..

label의 rotate를 통해서 각도를 원하는 대로 조정할 수 있음 axes: [ { type: 'numeric', position: 'left', title: 'Value', grid: true, }, { type: 'category', position: 'bottom', title: 'Mo..