Javascript/Sencha(164)
-
Sencah treepanel에서 1 depth까지만 펼치기
getPath()를 통해서 원하는 depth를 설정하고, expand() 처리를 함success: function (response) { const data = Ext.decode(response.responseText); const treeData = buildTree(data); store.setRoot({ id: 0, expanded: true, children: treeData }); const rootNode = store.getRootNode(); const treeGrid = Ext.ComponentQuery.query('#location')[0]; treeGrid.getSelectionModel().select(rootNode); //treeGrid.expandAll(); rootNo..
2024.12.08 -
Sencha checkcolumn 체크 및 이벤트
text:''가 있어서 header의 라인이 2줄로 안보임Ext.application({ name: 'CheckboxHeaderGrid', launch: function () { Ext.create('Ext.grid.Panel', { renderTo: Ext.getBody(), width: 600, height: 400, title: 'Checkbox Header Grid Example', store: { fields: ['name', 'email', 'phone'], data: [ { name: ..
2024.12.08 -
Sencha treepanel drag&drop 적용
Ext.application({ name: 'TreeMultiplePluginsApp', launch: function () { Ext.create('Ext.container.Viewport', { layout: 'fit', items: [ { xtype: 'treepanel', title: 'TreePanel with Multiple Plugins', rootVisible: false, store: Ext.create('Ext.data.TreeStore', { ..
2024.12.05 -
Sencha treepanel에서 값은 바뀌지 않고, depth에 따라 indent처리해서 보여주기
Ext.application({ name: 'ImageApp', launch: function () { Ext.create('Ext.container.Viewport', { layout: 'fit', items: [ { xtype: 'panel', title: 'Image Display', html: '' } ] }); }});{ text: '순서', dataIndex: 'index', flex: 1, editor: { xtyp..
2024.12.05 -
Sencha 이미지 사이즈 정보 가져오기
Case1Ext.application({ name: 'ImageSizeApp', launch: function () { Ext.create('Ext.container.Viewport', { layout: 'fit', items: [ { xtype: 'image', src: 'https://via.placeholder.com/150', // Replace with your image URL alt: 'Example Image', listeners: { ..
2024.12.05 -
Sencha panel에 html을 사용하여 이미지 나오게 하기
Ext.application({ name: 'ImageApp', launch: function () { Ext.create('Ext.container.Viewport', { layout: 'fit', items: [ { xtype: 'panel', title: 'Image Display', html: '' } ] }); }});
2024.12.05