本文展示了一个使用ExtJS框架创建的面板布局示例。该示例包含一个宽度为1000像素、高度为500像素的面板，标题为“test”。面板采用列布局，并在页面ID为'divid'的位置进行渲染。面板中有三个子项，分别显示不同的内容。
Ext.onReady(function(){
Ext.create('Ext.Panel',{
width:1000,
height:500,
title:'test',
layout:'column',
renderTo:'divid',
items:[
{title:'first',
columnWidth:.25,
html:'cotent'
},
{
title:'second'
columnWidth:.75,
html:'cotent'
},
{
title:'thier'
idth:250,
html:'cotent'
}
]
});
});
Ext.create('Ext.Panel',{
width:1000,
height:500,
title:'test',
layout:'column',
renderTo:'divid',
items:[
{title:'first',
columnWidth:.25,
html:'cotent'
},
{
title:'second'
columnWidth:.75,
html:'cotent'
},
{
title:'thier'
idth:250,
html:'cotent'
}
]
});
});
扫一扫
1642
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
