ASP.NET+Ext Js4.0左右选项卡

LMAOhuaNL

于 2011-09-06 17:34:13 发布

阅读量1.8k

点赞数

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

本文链接：https://blog.youkuaiyun.com/LMAOhuaNL/article/details/6754223

版权

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

75 篇文章

订阅专栏

Ext Js

20 篇文章

订阅专栏

<!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/ExtJs1/resources/css/ext-all.css" rel="stylesheet" type="text/css" />
    <!--Ext js(4.0)官方下载的代码库文件-->
    <script src="Extjs/ExtJs1/ext-all.js" type="text/javascript"></script>
    <script type="text/javascript" language="javascript">
        Ext.onReady(function () {
            var p = new Ext.tab.Panel({
                title: "选项卡",
                renderTo: "tabTest",
                width: 500,
                height: 500,
                margin: 50,
                items: [{title:"选项卡1",html:"我是选项卡1里面的内容"}, {title:"选项卡2",html:"我是选项卡2的内容"}, {title:"选项卡3",html:"我是选项卡3的内容"}]
            });
        });
    </script>
</head>
<body>
    <div id="tabTest"></div>
</body>
</html>

预览效果图如下：