sencha(124)
-
Spring boot에 sencha app 생성
spring boot project에 static 디렉토리 생성sencha app 생성# workspace 생성cd {sprinb boot project directory}/src/main/resources/staticsencha generate workspace .# app 생성sencha -sdk {sencha directory} generate app {sencha proejct name}spring boot project에서 static 디렉토리 refresh확인localhost:{port}/index.html
2024.07.13 -
Sencha Ext.form.Panel(PC, classic)
Ext.define('{app 이름}', { extend: 'Ext.form.Panel', xtype: '{app xtype}', // 창 close 버튼 closable: true, title: '{app title}', border: true, bodyPadding: 5, width: 500, // ajax에서 정의하고 있어서 제거 //url: '{url 정보}', // defaultType을 지정하면 아래에서 xtype이 없으면 defaultType 적용 defaultType: 'textfield', layout: 'anchor', defaults: { labelWidth: 150, anchor: '50%' }, items: [{ fieldLabel: '{라벨}', name: '{변수이름}', al..
2024.04.08 -
Sencha ajax progress
Ext.MessageBox.wait 활용 // Ext.MessageBox.wait를 사용하면 알아서처리 됨 Ext.MessageBox.wait('Please wait...', 'Submitting'); Ext.Ajax.request({ url: 'https://{domain}/{directory}', method: 'POST', headers: { 'Content-Type': 'application/json' }, params : Ext.JSON.encode(form.getValues()), success: function(conn, response, options, eOpts) { Ext.MessageBox.hide() var result = Ext.util.JSON.decode(conn.respons..
2024.04.08 -
Sencha Message 처리
Ext.Msg.alert('Success', '메세지');
2024.04.01 -
Sencha Ext.tree.Panel(Classic)
# tree 소스 Ext.define('Home.view.menu.LeftMenu', { extend: 'Ext.tree.Panel', // alias 정의 없이 다른 곳에서 'leftmenu'로 찾으면 아래와 같은 에러 발생 // Uncaught Error: [Ext.create] Unrecognized class name / alias: widget.leftmenu alias: 'widget.leftmenu', controller: 'leftmenu', width: 200, title: '메뉴', // root 보이지 않도록 설정 rootVisible: false, // name 필드를 출력되도록 설정 displayField: 'name', store: { // type은 아직 모르겠음 type: '..
2024.03.31 -
Sencha 다른 resource 참조
name으로 참조 # 참조할 리소스에 name 적용 Ext.define('Home.view.main.Main', { extend: 'Ext.container.Container', xtype: 'main', requires: [ ], title: 'Home', layout: 'border', items: [{ region: 'north', height: 50, bodyStyle: 'background-color:black', html: ' Home' }, { region: 'west', width: 200, xtype: 'leftmenu', }, { region: 'center', xtype: 'tabpanel', // 다른 곳에서 참조할 리소스에 name 정의 name: 'content', items: ..
2024.03.31