[CLOSED] Coolite Ext TabPanel Not Working

  1. #1

    [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
    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
    Hi,

    The code sample you provided does not appear to reproduce the problem.
    Geoffrey McGill
    Founder
  4. #4
    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
    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
    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
    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
  8. #8
    Hi,

    Unfortunately, your code doesn't reproduce the problem. Can you create simple test project, zip it and post (without any assemblies)?
  9. #9
    Hi,

    Below is a link to the sample project. Apologies for it not being an attachment. The upload tool kept hanging.



    Regards

    Lee
    Last edited by Vladimir; Jul 26, 2010 at 9:54 AM.
  10. #10
    Hi,

    The problem is related with underscore in the Tabs' ids and TabPanel's ID (ASP.NET adds second underscore to the ClientID, but tab panel uses double underscore as id delimiter)
    If you remove those underscores then exception is gone
    Or add the following custom config to the TabPanel

    <ext:ConfigItem Name="idDelimiter" Value="$$" Mode="Value" />
    P.S.
    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;
    }
    Your test sample doesn't reproduce that problem

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. 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. Replies: 2
    Last Post: Oct 21, 2008, 12:52 PM

Posting Permissions