Javascript(170)
-
Sencha grid에 선택된 rows를 서버에 전송하기
에러 발생{ text: '삭제', handler: function() { const grid = this.up('grid'); const selection = grid.getSelectionModel().getSelection(); Ext.Ajax.request({ url: '/location/delete_image', params: { _csrf: document.getElementById('_csrf').innerText, }, method: 'POST', jsonData: { data: selectio..
2024.12.27 -
Sencha grid에 이미지 보여주기
Ext.create('Ext.grid.Panel', { title: 'Image Grid Example', renderTo: Ext.getBody(), width: 600, height: 400, store: { fields: ['name', 'imageUrl'], data: [ { name: 'Image 1', imageUrl: '/images/sample1.jpg' }, { name: 'Image 2', imageUrl: '/images/sample2.jpg' }, { name: 'Image 3', imageUrl: '/images/sample3.jpg' } ] }, ..
2024.12.27 -
Sencha form에서 결과값 가져오기
failure: function(form, action) { let result = {}; try { result = Ext.decode(action.response.responseText); // Attempt JSON parsing } catch (e) { result.message = 'Invalid server response'; } console.log(result); Ext.Msg.alert('Failure', result.message || 'File upload failed.');}
2024.12.26 -
Sencha 파일 업로드
화면Ext.create('Ext.form.Panel', { title: 'File Upload Form', width: 400, bodyPadding: 10, renderTo: Ext.getBody(), // Render the form to the body frame: true, // Adds border and background items: [ { xtype: 'filefield', // File upload field name: 'file', // Name attribute for the uploaded file fieldLabel: 'Select File', labelWid..
2024.12.26 -
Sencha html 태그에서 변수 호출하기
Uncaught ReferenceError: a is not definedconst test = a;생략{ text: 'Image', dataIndex: 'image', renderer: function(value) { return '보기'; }}해결방법1: 변수를 global로 정의const test = a;window.a = a;해결방법2: 변수가 아닌 함수를 호출const test = a;function test() { alert(a);}생략{ text: 'Image', dataIndex: 'image', renderer: function(value) { return '보기'; }}
2024.12.25 -
Sencha grid column의 default값 설정
Model에 정의하기Ext.define('MyApp.model.MyModel', { extend: 'Ext.data.Model', fields: [ { name: 'name', type: 'string' }, { name: 'age', type: 'int', defaultValue: 25 }, // Default value { name: 'city', type: 'string', defaultValue: 'Unknown' } // Default value ]});Model 이벤트에 적용하기const store = Ext.create('Ext.data.Store', { fields: ['name', 'age', 'city'], data: [ ..
2024.12.25