EXT에서 가장 많이 사용되는 레이아웃
Ext.onReady(function(){
var tb=new Ext.Toolbar('toolbar-div');//
tb.add(new Ext.Toolbar.SplitButton({
text: ' ',
cls: 'x-btn-text-icon blist',
menu : {items: [
{text: ' ', handler: onItemClick},
{text: ' ', handler: onItemClick},
{text: ' ', handler: onItemClick}
]}}),
new Ext.Toolbar.MenuButton({
text: ' ',
cls: 'x-btn-text-icon blist',
menu : {items: [
{text: ' ', handler: onItemClick},
{text: ' ', handler: onItemClick}
]}})
);
var root = new Ext.tree.TreeNode({
text: ' ',
allowDrag:false,
allowDrop:false
});
root.appendChild(
new Ext.tree.TreeNode({text:' ',allowDrag:false}),
new Ext.tree.TreeNode({text:' ',allowDrag:false}),
new Ext.tree.TreeNode({text:' ',allowDrag:false}),
new Ext.tree.TreeNode({text:' ',allowDrag:false})
);
var myData = [
[' ',' ','2006-1-1'],
[' ',' ','2006-5-6'],
[' ',' ','2007-12-1'],
[' ',' ','2006-12-1']
];
var ds = new Ext.data.Store({
proxy: new Ext.data.MemoryProxy(myData),
reader: new Ext.data.ArrayReader({}, [
{name:'sender'},
{name:'title'},
{name:'sendtime'}
])
});
ds.load();
var colModel = new Ext.grid.ColumnModel([
{header:' ',width:100,sortable:true,dataIndex:'sender'},
{id:'title',header:' ', width:100,sortable:true,dataIndex:'title'},
{header:' ',width:75,sortable:true,dataIndex:'sendtime'}
]);
var viewport = new Ext.Viewport({
layout:'border',
items:[
new Ext.BoxComponent({
region:'north',
el:'north-div',
tbar:tb,
height:26
}),
new Ext.tree.TreePanel({
region:'west',
contentEl:'west-div',
title:' ',
split:true,
width: 200,
minSize: 175,
maxSize: 400,
collapsible: true,
margins:'0 0 0 0',
root:root
}),
{
region:'center',
layout:'border',
items:[
new Ext.grid.GridPanel({
region:'center',
el:'center-center',
title:' ',
ds: ds,
cm: colModel,
autoScroll: true
}),
{
region:'south',
contentEl:'center-south',
title:' ',
split:true,
collapsible:true,
titlebar:true,
height:200,
minSize: 100,
maxSize:400,
collapsedTitle:' '
}
]
},
new Ext.BoxComponent({
region:'south',
el:'south-div',
height:24
})
]
});
root.expand()
function onItemClick(item){
alert(item.text);
}
})
이 내용에 흥미가 있습니까?
현재 기사가 여러분의 문제를 해결하지 못하는 경우 AI 엔진은 머신러닝 분석(스마트 모델이 방금 만들어져 부정확한 경우가 있을 수 있음)을 통해 가장 유사한 기사를 추천합니다:
다른 사람의 웹사이트 편집: contenteditable 및 designMode그래도 우리가 그렇게 할 수 있다고 생각하는 것은 멋진 일입니다. 제가 강조하고 싶었던 일종의 관련 API가 실제로 몇 개 있기 때문에 오늘 그것을 가져왔습니다. contenteditable는 "true" 값이 할당...
텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
CC BY-SA 2.5, CC BY-SA 3.0 및 CC BY-SA 4.0에 따라 라이센스가 부여됩니다.