What's New?

[CLOSED] Coolite Ext TabPanel Not Working

Hybrid View

Previous Post Previous Post   Next Post Next Post
  1. #1
    Jul 19, 2010, 8:45 PM

    [CLOSED] Coolite Ext TabPanel Not Working

    Hi,

    I have a coolite tabpanel enclosed within a coolite panel control. When i click on a tab, the following javascript error occurs: Microsoft JScript runtime error: 'disabled' is null or not an object. Any help to resolve this problem would be much appreciated.

    Many Thanks

    Lee

    <ext:Panel ID="_panel1" runat="server" Frame="true" Border="true" Height="420" Collapsible="true" AllowDomMove="true">
    <Content>
        <ext:TabPanel ID="_tabPanel1" runat="server" AutoHeight="true" Border="true" AutoWidth="true" EnableTabScroll="true" StyleSpec="padding-top:1px;">
            <Items>
                <ext:Panel  
                    ID="_tab1"
                    runat="server" 
                    Title="Tab1">
                </ext:Panel>
                <ext:Panel  
                    ID="_tab2"
                    runat="server" 
                    Title="Tab2">
                </ext:Panel>
                <ext:Panel 
                    ID="_tab3" 
                    runat="server" 
                    Title="Tab3">
                </ext:Panel>
            </Items>
        </ext:TabPanel>
    </Content>
</ext:Panel>
    Last edited by geoffrey.mcgill; Jul 22, 2010 at 6:13 PM.
  2. #2
    Jul 19, 2010, 8:57 PM
    Hi,

    I cannot reproduce it. Please provide full test sample

    P.S. Please use Fit layout instead AutoWidth/AutoHeight properties (it will produce better result)
    <ext:Panel ID="_panel1" runat="server" Frame="true" Border="true" Height="420" Collapsible="true"
        AllowDomMove="true" Layout="Fit">
        <Items>
            <ext:TabPanel ID="_tabPanel1" runat="server" Border="true" EnableTabScroll="true"
                StyleSpec="padding-top:1px;">
                <Items>
                    <ext:Panel ID="_tab1" runat="server" Title="Tab1">
                    </ext:Panel>
                    <ext:Panel ID="_tab2" runat="server" Title="Tab2">
                    </ext:Panel>
                    <ext:Panel ID="_tab3" runat="server" Title="Tab3">
                    </ext:Panel>
                </Items>
            </ext:TabPanel>
        </Items>
    </ext:Panel>
  3. #3
    Jul 19, 2010, 8:59 PM
    Hi,

    The code sample you provided does not appear to reproduce the problem.
    Geoffrey McGill
    Founder
    Ext.NETASP.NET UI Component framework
    RetypeDocumentation website generator
    MojeeLightning fast Emoji library for .NET
    Ext.NET Examples|Ext.NET API Docs|ExtJS API Docs|Twitter
  4. #4
    Jul 20, 2010, 10:36 AM
    Hi,

    I will attach a sample project later today, in the meantime i have another question that might be related. If i download the latest version of Ext.Net and include it within my project (vs.net 2008). When i run my project it throws an error within Ext.Net.StateManagedItem, line 109 - NullReferenceException:

    internal void RegisterDataBinding()
{
            this.ResourceManager.Page.PreRenderComplete += this.DataBindPoint;
}
    The only way i could resolve the problem was to comment out line 109. Do you think this is why the tabs aren't quite working? And on a separate note why is it throwing an error in the first place

    Cheers

    Lee
  5. #5
    Jul 20, 2010, 12:27 PM
    Hi,

    What is null in that line? ResourceManager or ResourceManager.Page? Where is the ResourceManager located? Inside ASP.NET form or outside?

    Can you provide test case which demonstrates that exeption?
  6. #6
    Jul 21, 2010, 8:15 AM
    ResourceManager is null. It is located within the asp.net form. This used to work fine until i upgraded to the latest version of Coolite. Below is the sample masterpage i am playing with. 

    
<!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" lang="en" xml:lang="en">
<head>
    <title></title>
    <style type="text/css">
        /* css class that specifies background image to be used as the icon image: */
        .my-icon2 { background-image: url("/images/icon.png") 0 6px no-repeat !important; }
    </style>
    <script type="text/javascript">
        function createWindow(title, description) {
            var window = new Ext.Window({
                title: title,
                html: description,
                modal: true,
                layout: 'fit',
                closable: true,
                collapsible: true,
                animCollapse : true,
                iconCls: 'my-icon2',
                bodyStyle: 'padding: 6px; background-color: #fff;',
                width: 400,
                height: 200
            });
            window.show();
        }
    </script>
    <meta http-equiv="Content-Language" content="en" />
    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
    <meta http-equiv="X-UA-Compatible" content="IE=8" />
    <base target="_self" />
</head>
<body>

<form id="form1" runat="server">

    <asp:ScriptManager ID="ScriptManager1" runat="server" EnablePartialRendering="true"></asp:ScriptManager> 
    <ext:ResourceManager ID="ScriptManager2" runat="server" Theme="Gray" InitScriptMode="Inline" CleanResourceUrl="false" ScriptMode="Debug"></ext:ResourceManager>    


            <asp:UpdatePanel ID="UpdatePanel1" runat="server" UpdateMode="Conditional">
                <ContentTemplate>
                    <asp:ContentPlaceHolder id="ContentPlaceHolder1" runat="server"></asp:ContentPlaceHolder>
                </ContentTemplate>
            </asp:UpdatePanel>
        
</form>

</body>
</html>
  7. #7
    Jul 21, 2010, 8:21 AM
    Hi,

    to come to your initial problem. Only some ideas...

    Quote Originally Posted by LeeTheGreek View Post 
    
    <asp:ScriptManager ID="ScriptManager1" runat="server" EnablePartialRendering="true"></asp:ScriptManager> 
    <ext:ResourceManager ID="ScriptManager2" runat="server" Theme="Gray" InitScriptMode="Inline" CleanResourceUrl="false" ScriptMode="Debug"></ext:ResourceManager>
    Did you try your problem without master page?

    If that works fine then:

    a. Did you try your initial problem without the asp-Scriptmanager?

    AFAIK I remember deep in my mind, that it´s better to add the ext-ResourceManager before the asp-ScriptManager.

    b. move the ext-ResourceManager Control above the ScriptManager Control

    c. Do a test without InitScriptMode="Inline".



    Good luck,

    Martin

Similar Threads

  1. The Coolite Dll's are not working fine
    By Dinesh.T in forum 1.x Help
    Replies: 0
    Last Post: May 10, 2010, 4:27 AM
  2. ExtDirect4DotNet is not working with Coolite.Ext.web
    By miguelp120 in forum 1.x Help
    Replies: 1
    Last Post: Feb 08, 2010, 11:02 AM
  3. [CLOSED] About Ajax.net 1.0 & Coolite AjaxEvent working together.
    By pumpkin in forum 1.x Legacy Premium Help
    Replies: 5
    Last Post: Nov 24, 2009, 2:35 PM
  4. Coolite 0.8 Examples Explorer not working
    By EzaBlade in forum 1.x Help
    Replies: 1
    Last Post: May 28, 2009, 7:08 PM
  5. [FIXED] [V0.7] BorderLayout in TabPanel not working In Internet Explorer
    By Washburn in forum Bugs
    Replies: 2
    Last Post: Oct 21, 2008, 12:52 PM

Posting Permissions