Sencha 팝업 내용 html로 꾸미기

Ext.create('Ext.window.Window', { title: 'Line Information', modal: true, width: 300, height: 200, layout: 'fit', items: { xtype: 'panel', html: ` Series Title: ${item.series.getTitle()} Category: ${item.record.get('category')} Value: ${item.record.get('value')} ` }}).show();

Sencha iframe으로 팝업 띄우기

Ext.create('Ext.window.Window', { title: 'Details', modal: true, width: 800, height: 600, layout: 'fit', items: [ { xtype: 'component', autoEl: { tag: 'iframe', src: url } } ]}).show();

Sencha store 정보 가져오기

store.each로 전체 record 정보 처리store.getAt(0)로 특정 record 가져오기const store = Ext.create('Ext.data.Store', { fields: ['DATA1', 'DATA2'], data: [ { DATA1: 'value1', DATA2: 'value2' }, { DATA1: 'value3', DATA2: 'value4' } ]});// Access all records in the storestore.each(function (record) { console.log('Record:', record.getData()); // Logs each record's data});// Access a specifi..

Sencha 팝업 호출시 get방식으로 파라메터 전달

팝업 호출const view = app.view.getViewModel();const params = view.get('sampleParams');// Convert searchParams to a query stringconst params = params ? params.getData() : {};const queryString = Ext.Object.toQueryString(params); // Converts the object to a query string// Open a new window with the query stringwindow.open( `/temp/test?${queryString}`, '_blank', // Open in a new tab or window '..

Sencha this 사용시 주의사항

{} 안에서 this가 적용되기 때문에 onClick_search()를 찾지 못함onAfterRender_App: function(ctrl, eOpts) { this.refreshNamespace(() => { this.onClick_search(); });}{} 밖에 this를 정의하여 호출하면, onClick_search()을 찾을 수 있음onAfterRender_App: function(ctrl, eOpts) { const me = this; this.refreshNamespace(() => { me.onClick_search(); });}

Sencha split and collapsible sample

split이 작동하려면, 'border' layout을 사용해야 함Ext.define('Test.view.SplitCollapsibleGrid', { extend: 'Ext.grid.Panel', xtype: 'splitcollapsiblegrid', title: 'Split and Collapsible Grid', split: true, // Allows resizing collapsible: true, // Allows collapsing store: { xtype: 'store', fields: ['name', 'email', 'phone'], data: [ { name: 'Alice', email: 'alic..