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

来源：互联网发布：win32 api编程pdf 编辑：程序博客网时间：2024/05/18 03:58

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

预览效果图如下：