ASP.NET+Ext Js4.0手风琴布局，上下选项卡

来源：互联网发布：淘宝开店无法注销编辑：程序博客网时间：2024/05/21 10:57

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head>    <title></title>    <!--Ext js官方(4.0)下载的样式文件-->    <link href="Extjs/resources/css/ext-all.css" rel="stylesheet" type="text/css" />    <!--Ext js官方(4.0)下载的代码库文件-->    <script src="Extjs/ext-all.js" type="text/javascript"></script>    <script type="text/javascript" language="javascript">        Ext.onReady(function () {            var p = new Ext.Window({                title: "测试面板",                width: 500,                height: 500,                id: "ptest",                maximizable: true,                minimizable: true,                layout: "accordion", //布局方式为手风琴布局                items: [                {                    title: "面板一",                    items: [{ text: "我是面板一里面的一个按钮", xtype: "button", height: 90, width: 300}]},                    { title: "面板二" },                    {title:"面板三"}]            });            p.show(); //显示window窗体        });    </script></head><body></body></html>

预览效果如下：