如何在母版页中使用Extjs,,我要将tabpenl显示在母版页的显示区???

如何在母版页中使用Extjs,,我要将tabpenl显示在母版页的显示区???
<%@ Page Language="C#" MasterPageFile="~/admin/MasterPage.master" AutoEventWireup="true" CodeFile="insert.aspx.cs" Inherits="_insert" Title="无标题页" %><asp:Content ID="Content1" ContentPlaceHolderID="head" Runat="Server">
<script type="text/javascript" src="Datetime.js"></script>
<script type="text/javascript" src="GroupSummary.js"></script>
<script type="text/javascript" src="JydxxManage.js"></script>
<script type="text/javascript" src="AddJydxxInfo.js"></script>
<script type="text/javascript" src="AddHwmc_Editor.js"></script>
<script type="text/javascript">
    Ext.onReady(function() {
      在这里如何把tabpenl显示到form1    });
</script>
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="ContentPlaceHolder1" Runat="Server">
<body>
    <form id="form1" >

    </form>
</body>
</asp:Content>

解决方案 »

免费领取超大流量手机卡，每月29元包185G流量+100分钟通话, 中国电信官方发货

Ext.onReady(function() {
new Ext.TabPanel({
id : "mainTab",
applyTo : "div1",
width : 500,
height : 300,
frame : true,
activeTab : 0,
items : [{
title : "Tab1",
tabTip : "Tab1",
html : "我是tab1"
}, {
title : "Tab2",
tabTip : "Tab21",
autoLoad : ""
}],
enableTabScroll : true
});
})
本地调试没改过来  把applyTo : "div1", 换成applyTo : "form1"
To:疯狂的菜鸟出错了this.render(this.el.dom.parentNode)Microsoft JScript 运行时错误: 'this.el.dom' 为空或不是对象
得有id为form1的div来让Ext渲染
<div id="form1">
  <form></form>
</div>
一样的啊还是    Microsoft JScript 运行时错误: 'this.el.dom' 为空或不是对象<%@ Page Language="C#" MasterPageFile="~/admin/MasterPage.master" AutoEventWireup="true" CodeFile="insert.aspx.cs" Inherits="_insert" Title="无标题页" %><asp:Content ID="Content1" ContentPlaceHolderID="head" Runat="Server">
<script type="text/javascript" src="Datetime.js"></script>
<script type="text/javascript" src="GroupSummary.js"></script>
<script type="text/javascript" src="JydxxManage.js"></script>
<script type="text/javascript" src="AddJydxxInfo.js"></script>
<script type="text/javascript" src="AddHwmc_Editor.js"></script>
<script type="text/javascript">
    Ext.onReady(function() {
        new Ext.TabPanel({
            id: "mainTab",
            applyTo: "form1",
            width: 500,
            height: 300,
            frame: true,
            activeTab: 0,
            items: [{
                title: "Tab1",
                tabTip: "Tab1",
                html: "我是tab1"
            }, {
                title: "Tab2",
                tabTip: "Tab21",
                autoLoad: ""
}],
                enableTabScroll: true
            });
        })</script>
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="ContentPlaceHolder1" Runat="Server">
<div id="form1">
  <form ></form>
</div>
</asp:Content>
你要在content1里操作 Ext 让他在content2里显示？
嗯把form1放在content1 也不行啊
你放到content2里就能出来了
但是我不明白LZ想干什么？为什么要在content1里写tabPanel 在content2中显示？
Ext做不到这样的他只能在当前页面进行渲染
这个页面不能单独脱离你的模板么？
嗯  可以了按照你的做法  放在content1但是怎么让 TabPanel  自适应屏幕的大小呢?
width: 500,
height: 300,
换成
autoWidth : true,
autoHeight :true,