Sencha panel에 서버에서 받은 정보를 화면 구성시 출력하기
2024. 10. 1. 11:22ㆍJavascript/Sencha
{
xtype: 'panel',
bodyStyle: 'background-color:black',
listeners: {
afterrender: function(panel) {
Ext.Ajax.request({
url: '/test/abc',
success: function(response) {
let abc = Ext.decode(response.responseText);
let html = '<div style="font-weight: bold; height: 50px; display: flex; align-items: center; color: white; cursor: pointer">'+ abc.name +'('+ abc.tel +')</div>';
panel.update(html);
},
failure: function(response) {
console.log('Failed to fetch data from server', response.status);
}
});
}
}
},
'Javascript > Sencha' 카테고리의 다른 글
Sencha form에 image 추가 (1) | 2024.10.19 |
---|---|
Sencha panel title click시, 화면 refresh하기 (0) | 2024.10.01 |
Sencha textfield xtype 접근하기 (0) | 2024.10.01 |
Sencha 컴포넌트(xtype)의 config에 스크립트로 값 지정하기 (0) | 2024.10.01 |
Sencha tabpanel에 close icon(x) 추가 (0) | 2024.09.07 |