ext之accordion布局

最新推荐文章于 2020-05-15 08:12:02 发布

iteye_18107

最新推荐文章于 2020-05-15 08:12:02 发布

阅读量173

点赞数

分类专栏： EXT 文章标签： EXT Google HTML

本文链接：https://blog.csdn.net/iteye_18107/article/details/81685417

版权

EXT 专栏收录该内容

13 篇文章 0 订阅

订阅专栏

<html>
<head>
<title></title>
<link rel="stylesheet" type="text/css" href="../../ext-2.2/resources/css/ext-all.css" />
  <script type="text/javascript" src="../../ext-2.2/adapter/ext/ext-base.js"></script>
  <script type="text/javascript" src="../../ext-2.2/ext-all-debug.js"></script>
 <script>
        Ext.onReady(function(){
            var managerUrl = "http://www.google.com";
            var managerUrlName = "搜索";
            new Ext.Panel({
                renderTo: "hello",
                title: "容器组件",
                width: 500,
                height: 200,
                layout: "accordion",
                layoutConfig: {
                    animate: true
                },
                items: [{
                    title: "子元素1",
                    html: "这是子元素1中的内容"
                }, {
                    title: "子元素2",
                    html: "<a href=" + managerUrl + ">"+managerUrlName+"</a>"
                }, {
                    title: "子元素3",
                    html: "这是子元素3中的内容"
                }]
            });
        });
    </script>

</head>
    <div id="hello">
        </div>

<body>
</body>

</html>