this.el为null，由引起

Ok I'm stumped, I have a good 10 other pages all using the same layout etc all working fine, but I created a new page and cannot get it to work.

好吧我很难过，我有一个好的10个其他页面都使用相同的布局等所有工作正常，但我创建了一个新的页面，无法让它工作。

I have noticed what is causing the error but I don't know why or how to fix it. Have a look at the code below,

我注意到导致错误的原因，但我不知道为什么或如何解决它。看看下面的代码，

Its a form with runat=server, Ext.Net Resource Manager, Viewport, Tab Panel and 2 Panels, no code behind.

它是一个带有runat = server，Ext.Net Resource Manager，Viewport，Tab Panel和2 Panels的表单，后面没有代码。

When I load this i get the dreaded this.el is null in Firefox and Uncaught TypeError: Cannot set property 'setSize' of null in Chrome. But alas I remove the form tag and everything works as it should. Now you might say well just remove the form tag, but I cant will add asp.net controls later that needs this tag.

当我加载这个时，我得到了可怕的this.el在Firefox中是null并且未捕获TypeError：无法在Chrome中设置null的属性'setSize'。但是，我删除了表单标签，一切正常。现在您可能会说删除表单标记，但我不能在以后添加需要此标记的asp.net控件。

Markup:

标记：

<%@ Page Language="C#" AutoEventWireup="true" CodeFile="PriceSetting.aspx.cs"  Inherits="V2_RenewalsProcess_PriceSetting" %>    
<%@ Register Assembly="Ext.Net" Namespace="Ext.Net" TagPrefix="ext" %>
<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 runat="server">
    <title>Ovott V2</title>
</head>
<body>
    <form id="pricesetting" runat="server">
        <ext:ResourceManager ID="ResourceManager1" runat="server" />
        <ext:Viewport ID="Viewport1" runat="server" Layout="border">
            <Items>
                <ext:TabPanel ID="TabPanel1" runat="server" Region="Center">
                    <Items>
                        <ext:Panel ID="Panel5" runat="server" Title="To Be Submitted" Border="false">
                        </ext:Panel>
                        <ext:Panel ID="Panel6" runat="server" Title="Awaiting Approval">
                        </ext:Panel>
                    </Items>
                </ext:TabPanel>
            </Items>
        </ext:Viewport>
    </form>
</body>
</html>

1 个解决方案

#1

OK finally with the help of my colleague we solved this and it all came down to one character... a "!" and you might ask where?

好吧，最后在我的同事的帮助下，我们解决了这一切，这一切都归结为一个角色......一个“！”你可能会问在哪里？

Original Code

原始代码

<DOCTYPE html PUBLIC "...

Fixed Code

固定代码

<!DOCTYPE html PUBLIC "...

Now it is working

现在它正在运作

#1