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