ASP.NET页面中的Ext JS表单

ASP.NET页面中的Ext JS表单,asp.net,extjs,Asp.net,Extjs,我正在ASP.NET页面中尝试使用Ext JS 3表单,但我的表单在ASP页面的“BodyContent”之外加载。我尝试过:renderTo:Ext.get('BodyContent'),但它不起作用。 “我的asp页面”的外部代码: <%@ Page Title="Forms" Language="C#" MasterPageFile="~/Site.master" AutoEventWireup="true" CodeBehind="Forms.aspx.cs" Inheri

我正在ASP.NET页面中尝试使用Ext JS 3表单,但我的表单在ASP页面的“BodyContent”之外加载。我尝试过:renderTo:Ext.get('BodyContent'),但它不起作用。 “我的asp页面”的外部代码:

<%@ Page Title="Forms" Language="C#" MasterPageFile="~/Site.master" AutoEventWireup="true"
    CodeBehind="Forms.aspx.cs" Inherits="ExtJSDemo.Forms" %>

<asp:Content ID="HeaderContent" runat="server" ContentPlaceHolderID="HeadContent">
    <link rel="stylesheet" type="text/css" href="ext-3.4.0/resources/css/ext-all.css" />
    <script type="text/javascript" src="ext-3.4.0/adapter/ext/ext-base.js"></script>
    <script type="text/javascript" src="ext-3.4.0/ext-all-debug.js"></script>
    <script type="text/javascript">
        if (Ext.BLANK_IMAGE_URL.substr(0, 5) != 'data:') {
            Ext.BLANK_IMAGE_URL = 'ext-3.4.0/resources/images/default/s.gif';
        }
        Ext.onReady(function () {
            var movie_form = new Ext.FormPanel({
                url: 'movie-form-submit.aspx',
                renderTo: Ext.getBody(),
                frame: true,
                title: 'Movie Information Form',
                width: 250,
                items: [{
                    xtype: 'textfield',
                    fieldLabel: 'Title',
                    name: 'title'
                },{
                    xtype: 'textfield',
                    fieldLabel: 'Director',
                    name: 'director'
                },{
                    xtype: 'datefield',
                    fieldLabel: 'Released',
                    name: 'released'
                }]
            });
        });
    </script>

</asp:Content>
<asp:Content ID="BodyContent" runat="server" ContentPlaceHolderID="MainContent">
<!-- I'M EXPECTING MY FORM HERE, BUT IT'S LOADED OUTSIDE BodyContent AT THE BOTTOM OF THE ENTIRE PAGE -->
</asp:Content>

如果(Ext.BLANK\u IMAGE\u URL.substr(0,5)!='数据:'){
Ext.BLANK_IMAGE_URL='Ext-3.4.0/resources/images/default/s.gif';
}
Ext.onReady(函数(){
var movie_form=new Ext.FormPanel({
url:'电影表单提交.aspx',
renderTo:Ext.getBody(),
框架:对,
标题:“电影信息表”,
宽度:250,
项目:[{
xtype:'textfield',
字段标签:“标题”,
姓名:'头衔'
},{
xtype:'textfield',
fieldLabel:'主管',
姓名:‘董事’
},{
xtype:'日期字段',
fieldLabel:“已发布”,
名称:“已发布”
}]
});
});
当我使用renderTo:Ext.get('BodyContent')时,我的表单完全没有显示

问题是“BodyContent”在结果页面html中不是有效的id

试着放一个空的div

<div id="myform"></div> 

在“BodyContent”内容占位符内,并更改表单配置以在该div内呈现:

renderTo:'myform'