Javascript(170)
-
Javascript json 데이터 예쁘게 출력하기
원본 데이터[ { id: 1, name: 'John Doe', email: 'john.doe@example.com', age: 31 }, { id: 2, name: 'Jane Smith', email: 'jane.smith@example.com', age: 26 }]적용JSON.stringify(value, replacer, space)alert(`Saved ${changes.length} records:\n${JSON.stringify(changes, null, 4)}`);결과[ { "id": 1, "name": "John Doe", "email": "john.doe@example.com", "age": 31 }, { ..
2024.12.01 -
Sencha Grid store에 변경사항 확인 및 저장하기
Ext.onReady(function () { // Sample data const initialData = [ { id: 1, name: 'John Doe', email: 'john.doe@example.com', age: 30 }, { id: 2, name: 'Jane Smith', email: 'jane.smith@example.com', age: 25 }, { id: 3, name: 'Mike Johnson', email: 'mike.johnson@example.com', age: 35 } ]; // Define the data store const store = Ext.create('Ext.data.Store', { f..
2024.12.01 -
Sencha Grid cell 선택, row 선택
cell 선택 selModel: { type: 'cellmodel' // Enable cell selection },row 선택 selModel: { type: 'rowmodel' // Enable row selection },
2024.12.01 -
Sencha Grid cell 에디팅 처리
plugins가 'Ext.grid.plugin.RowEditing'인경우Ext.onReady(function () { // Sample data const data = [ { name: 'John Doe', email: 'john.doe@example.com', age: 30 }, { name: 'Jane Smith', email: 'jane.smith@example.com', age: 25 }, { name: 'Mike Johnson', email: 'mike.johnson@example.com', age: 35 } ]; // Define a data store const store = Ext.create('Ext.data.Store', ..
2024.12.01 -
Sencha 스크립트 간단하게 확인하기
Test.js: 확인할 스크립트 생성Case1Ext.onReady(function () { // Sample data const data = [ { name: 'John Doe', email: 'john.doe@example.com', age: 30 }, { name: 'Jane Smith', email: 'jane.smith@example.com', age: 25 }, { name: 'Mike Johnson', email: 'mike.johnson@example.com', age: 35 } ]; // Define a data store const store = Ext.create('Ext.data.Store', { fields..
2024.12.01 -
Sencha chart mouse out 처리
mouse over된 item을 저장하는 변수 선언let lastHighlightedItem = null; // To track the last highlighted item globallymouse over시 처리할 내용 추가 및 hide 이벤트 추가{ 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: ..
2024.11.27