在ASP.NET页面中的Ext JS表格

我正在ASP.NET页面中尝试一个Ext JS 3表单，但我的表单在我的ASP页面的“BodyContent”之外加载。我试过：renderTo：Ext.get（'BodyContent'）但它不工作。我与分机代码ASP页：在ASP.NET页面中的Ext JS表格

<%@ 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>

当我使用renderTo：Ext.get（“的BodyContent”）完全不显示我的状态！

来源

2012-07-22 Stacked

问题是“BodyContent”不是结果页面html中的vaild id。

尝试把一个空div

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

内 “的BodyContent” 内容占位符和变化的形式配置到DIV中呈现：

renderTo: 'myform'

来源

2012-07-22 18:42:53 Marko

谢谢马尔科，它的工作原理:) – Stacked 2012-07-22 18:47:06

在ASP.NET页面中的Ext JS表格

回答

相关问题