Javascript(216)
-
Sencha xtype: datefield에 값 설정하기
Sencha에서 날짜 처리하는 것이 까다로움Ext.Date.parse('20250203', 'Ymd')을 통해서 변환해서 값을 넣어야 함Case1const dateField = Ext.create('Ext.form.field.Date', { fieldLabel: 'Date', format: 'Ymd', // Format for display (optional) renderTo: Ext.getBody()});// Set value after renderingdateField.setValue(Ext.Date.parse('20250203', 'Ymd'));Case2{ xtype: 'datefield', fieldLabel: 'Date', format: 'Ymd', val..
2025.02.04 -
Sencha surface에서 rect type만 제거하기
const drawContainer = Ext.ComponentQuery.query('#container')[0];const surface = drawContainer.getSurface();// Get all items (sprites) from the surfaceconst items = surface.getItems();// Remove only `rect` type spritesitems.forEach(sprite => { if (sprite.type === 'rect') { surface.remove(sprite, true); // `true` to destroy the sprite }});
2025.01.30 -
Sencha enter키로 이벤트 발생시키기
{ xtype: 'form', items: [ { xtype: 'textfield', fieldLabel: 'Tag', itemId: 'tag', enableKeyEvents: true, // Enable key event tracking listeners: { keypress: function(field, e) { if (e.getKey() === Ext.event.Event.ENTER) { triggerSearch(field); } ..
2025.01.29 -
Sencha margin을 통해서 item간의 간격 넣기
{ xtype: 'textfield', fieldLabel: '태그', itemId: 'tag', labelWidth: 30, margin: '0 20 0 0' // Adds a 20px gap to the right of "태그"},{ xtype: 'textfield', fieldLabel: '설명', itemId: 'description', labelWidth: 30,},
2025.01.29 -
Sencha align이 빠져서 화면이 안보이는 경우
정상// Define Master-Slave GridsExt.define('Home.view.data.Search', { extend: 'Ext.panel.Panel', xtype: 'Search', layout: 'hbox' title: 'Master-Slave Grids', items: [masterGrid, slaveGrid]});화면에 아무것도 안보임: 에러도 없음Ext.define('Home.view.data.Search', { extend: 'Ext.panel.Panel', xtype: 'Search', layout: 'vbox' title: 'Master-Slave Grids', items: [ searchPanel, // A..
2025.01.29 -
Sencha Master-Slave gird Sample
// Master Storeconst masterStore = Ext.create('Ext.data.Store', { fields: ['id', 'name'], data: [ { id: 1, name: 'Fruits' }, { id: 2, name: 'Vegetables' }, { id: 3, name: 'Dairy' } ]});// Slave Storeconst slaveStore = Ext.create('Ext.data.Store', { fields: ['categoryId', 'name', 'description'], data: [ { categoryId: 1, name: 'Apple', description: 'A swe..
2025.01.29