신규 row는 record.phantom=true { text: 'Age', dataIndex: 'age', flex: 1, renderer: function (value, metaData, record) { if (!record.phantom) { metaData.tdCls = 'non-editable'; } return value; }, editor: { xtype: 'numberfield', allowBl..

Name 컬럼은 신규 Row인 경우만 편집이 가능함defaultEditor가 null이기 때문에 설정을 해줘야 함신규 Row는 record.phantom=truecolumns: [ { text: 'Name', dataIndex: 'name', flex: 1, getEditor: function (record, defaultEditor) { defaultEditor = { editor: { xtype: 'textfield', allowBlank: false }, }; // Allow editing only for new rows return record.phantom ? defaultEditor : null; } }, { text: 'Age', dataI..

일반적으로 프레임워크가 지정된 클래스의 인스턴스를 확인하거나 생성할 수 없을 때 발생합니다

panel의 중간에 보이도록 처리Ext.create('Ext.panel.Panel', { title: 'Vertical Alignment Example', width: 400, height: 300, layout: { type: 'vbox', // Vertical box layout align: 'center', // Center items horizontally pack: 'center' // Center items vertically }, items: [ { xtype: 'component', html: 'This is vertically centered!' } ..

ASIS정의: function setTheme(themeName)호출: setTheme('theme-aria');Ext.define('Home.Application', { extend: 'Ext.app.Application', name: 'Home', // Load any required classes requires: [ 'Home.view.main.Main' ], // Application launch logic launch: function () { function setTheme(themeName) { const themePath = `/resources/classic/${themeName}/resources/${themeName}-all.c..

Link 사용시프로그램에서 강제로 변경할 경우theme를 변경하고, layout 전체를 다시 그려줘야 함index.htmltheme 관련 link가 없거나, href=""이어야지 layout이 안깨지고 정상 작동함 Application.js/** * The main application class. An instance of this class is created by app.js when it * calls Ext.application(). This is the ideal place to handle application launch and * initialization details. */Ext.define('Home.Application', { extend: 'Ext.app.Applicatio..