sencha(148)
-
Sencha grid 신규 컬럼 여부 체크
신규 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..
2024.12.18 -
Sencha Grid cell 편집 동적 처리
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..
2024.12.18 -
Sencha Uncaught TypeError: c is not a constructor
일반적으로 프레임워크가 지정된 클래스의 인스턴스를 확인하거나 생성할 수 없을 때 발생합니다The error "Uncaught TypeError: c is not a constructor" typically occurs when an attempt is made to instantiate a class or object that does not exist or is not correctly defined. In the context of ExtJS, this can happen for various reasons. Here's how to diagnose and resolve the issue:
2024.12.16 -
Sencha panel안의 items layout 정렬
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!' } ..
2024.12.15 -
Sencha main화면에서 Application.js의 함수를 호출하나?
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..
2024.12.15 -
Sencha theme 화면 layout 깨지는 문제 해결
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..
2024.12.15