本文展示了一个使用ExtJS框架创建面板的例子。通过简单的代码实现了包含五个不同标题项的面板布局，每个标题项都有对应的HTML内容。
<script type="text/javascript">
Ext.onReady(function(){
new Ext.Panel({
renderTo:"hello",
width:500,
heihgt:200,
//layout:"fit", //把注释去掉就属于FIT布局方式
items:[{
title:"one",
html:'one is one'
},{
title:"two",
html:'two is two'
},{
title:"three",
html:'three is three'
},{
title:"four",
html:'four is four'
},{
title:"five",
html:'five is five'
}]
});
});
</script>
</head>
<body>
<div id="Hello"></div>
</body>
</html>
Ext.onReady(function(){
new Ext.Panel({
renderTo:"hello",
width:500,
heihgt:200,
//layout:"fit", //把注释去掉就属于FIT布局方式
items:[{
title:"one",
html:'one is one'
},{
title:"two",
html:'two is two'
},{
title:"three",
html:'three is three'
},{
title:"four",
html:'four is four'
},{
title:"five",
html:'five is five'
}]
});
});
</script>
</head>
<body>
<div id="Hello"></div>
</body>
</html>
扫一扫
1425
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
