Javascript/Sencha(120)
-
Sencha 'itemId' 다루기
해당 페이지에서만 의미 있는 IDAjax의 결과 Binding 하기생략 items: [ { xtype: 'textfield', itemId: 'id', fieldLabel: 'ID', name: 'id', allowBlank: false, readOnly: true }, { xtype: 'textfield', itemId: 'name', fieldLabel: 'Name', name: 'name', allowBlank: false, }, ],생략 onAfterRender: function(eOpts) { let me = this; Ext.Ajax.request({ url: '/test', method: 'POST', success..
2024.09.01 -
Sencha Ajax 호출
Ext.Ajax.request({ url: 'your-server-endpoint-url', // The URL to which the request is sent method: 'GET', // The HTTP method to use for the request, e.g., 'GET', 'POST' params: { key1: 'value1', key2: 'value2' }, success: function(response, opts) { // This function is called when the request succeeds var responseText = response.responseText; con..
2024.09.01 -
Sencha requires
java의 import와 같은 것requires에 정의되어 있지 않으면, 해당 파일을 못찾음
2024.09.01 -
Sencha 팝업 호출
var popupWindow = Ext.create('Ext.window.Window', { title: 'Setting Window', height: 500, width: 500, modal: true, layout: 'fit', items: [ { xtype: 'form', bodyPadding: 10, items: [ { xtype: 'textfield', fieldLabel: 'ID', name: 'id', allowBlank: false, readOnly: true } ] } ], buttons: [ { text: 'Submit', handler: function() { var form = popupWindow.dow..
2024.09.01 -
Sencha panel에 click 이벤트 넣기
Case1{ xtype: 'panel', bodyStyle: 'background-color:black', html: 'Logout', listeners: { afterrender: function(panel) { panel.getEl().on('click', function() { Ext.Msg.alert('Panel Clicked', 'You clicked on the panel!'); }); } }},Case2{ xtype: 'panel', bodyStyle: 'background-color:black', html: 'Logout', listeners: { click: { lement: 'el', //bind to the underlying el property on ..
2024.08.31 -
Sencha 'xtype' 정의 및 호출
정의: widget.{이름}으로 정의Ext.define('{App}.view.menu.LeftMenu', { extend: 'Ext.tree.Panel', alias: 'widget.leftmenu',호출: leftmenu로 호출: /app/view/menu/LeftMenu.js를 찾음 { region: 'west', width: leftWidth, xtype: 'leftmenu', },만약 LeftMenu.js가 존재하지 않는 경우: /widget/leftmenu.js를 찾음
2024.08.31