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

最新推荐文章于 2020-02-05 18:56:17 发布

LMAOhuaNL

最新推荐文章于 2020-02-05 18:56:17 发布

阅读量4.5k

点赞数

分类专栏： asp.Net Ext Js 文章标签： asp.net ext stylesheet xhtml javascript button

本文链接：https://blog.csdn.net/LMAOhuaNL/article/details/6754205

版权

asp.Net 同时被 2 个专栏收录

75 篇文章 0 订阅

订阅专栏

Ext Js

20 篇文章 0 订阅

订阅专栏

<!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>

预览效果如下：