[CLOSED] Grid panel disappears on click of next button of paging tool bar

Page 1 of 2 12 LastLast
  1. #1

    [CLOSED] Grid panel disappears on click of next button of paging tool bar

    HI,

    I have a gridpanel using a store and paging tool bar. I am showing the mask while loading the data. Once i click the next button, mask is shown, after load it disappears but the gridpanel also disappers. Then if i click anywhere on the UI, grid panel is shown. Please let me know why this is happening and how to fix this.

    <%@ Page Language="C#" Inherits="NexiantSuite.NxtWebControls.Pages.NxtViewPage" ClassName="CompanyCodes" %>
    
    <%@ Register Assembly="Ext.Net" Namespace="Ext.Net" TagPrefix="ext" %>
    <%@ Register Assembly="NexiantSuite.NxtWebUserControls" Namespace="NexiantSuite.NxtWebUserControls"
        TagPrefix="nxtwuc" %>
    <%@ Register Assembly="NexiantSuite.NxtWebControls" Namespace="NexiantSuite.NxtWebControls.Controls"
        TagPrefix="nxtwc" %>
    <%@ Import Namespace="NexiantSuite.Resources.JScripts" %>
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head id="CompanyCodesHead" runat="server">
        <title>CompanyCodes</title>
        <%--     <script language="javascript" type="text/javascript">
             var Save = function () {
                 CompanyCode.Save();
             };
             var Cancel = function () { CompanyCode.Cancel(); };
        </script>--%>
    </head>
    <body>
        <ext:ResourceManager ID="CompanyCodeResourceManager" runat="server" ShowWarningOnAjaxFailure="false" />
        <nxtwc:NxtStore ID="AllCompanyCodeStore" runat="server" AutoLoad="false">
            <Proxy>
                <nxtwc:NxtHttpProxy Url="/Company/GetCompanyCodeDetailsByCodeType/" />
            </Proxy>
            <Reader>
                <nxtwc:NxtJsonReader IDProperty="ID" Root="data" TotalProperty="total">
                    <Fields>
                        <nxtwc:NxtRecordField Name="Code" />
                        <nxtwc:NxtRecordField Name="Name" />
                        <nxtwc:NxtRecordField Name="Description" />
                        <nxtwc:NxtRecordField Name="ID" />
                        <nxtwc:NxtRecordField Name="IsSelected" />
                    </Fields>
                </nxtwc:NxtJsonReader>
            </Reader>
            <BaseParams>
                <nxtwc:NxtParameter Name="companyID" Value="Ext.GLOBAL_STORE.SelectedCompanyId" Mode="Raw" />
                <nxtwc:NxtParameter Name="mode" Value="Ext.CmpCodeMode" Mode="Raw" />
                <nxtwc:NxtParameter Name="codeType" Value="#{cmbCodeTypes}.getValue()" Mode="Raw" />
                <nxtwc:NxtParameter Name="limit" Value="#{CompanyCodePaging}.pageSize" Mode="Raw" />
                <nxtwc:NxtParameter Name="start" Value="0" Mode="Raw" />
            </BaseParams>
            <SortInfo Field="Code" Direction="ASC" />
            <Listeners>
                <BeforeLoad Handler="Common.ShowMask('Loading company codes...');" />
                <Load Handler="Common.HideMask();" />
            </Listeners>
        </nxtwc:NxtStore>
        <nxtwc:NxtViewport ID="vpCompanyCodes" runat="server" Layout="BorderLayout">
            <Items>
                <nxtwc:NxtPanel ID="CodeTypesTopBar" runat="server" Border="false" Region="North" Height="30">
                    <Content>
                        <nxtwuc:CodeTypeDropDown ID="CodeTypeDD" runat="server" />
                    </Content>
                </nxtwc:NxtPanel>
                <nxtwc:NxtPanel ID="CompanyCodePanel" runat="server" BodyBorder="true" AnchorHorizontal="100%"
                    Layout="FitLayout" Region="Center" MonitorResize="true" Padding="5"
                    AutoScroll="true" >
                    <Items>
                        <nxtwc:NxtGridPanel runat="server" ID="grdAllCompanyCodes" StripeRows="true" StoreID="AllCompanyCodeStore"
                            AnchorHorizontal="90%" Border="false" BodyBorder="false" AutoDataBind="true" 
                            AutoExpandColumn="Code" AnchorVertical="100%" EnableColumnHide="false">
                            <ColumnModel ID="CompanyCodesModel" runat="server">
                                <Columns>
                                    <ext:RowNumbererColumn />
                                    <ext:CheckColumn Width="100" ColumnID="IsSelected" Header="Select" DataIndex="IsSelected"
                                        Editable="true" />
                                    <ext:Column Width="100" ColumnID="Code" Header="Code" DataIndex="Code" />
                                    <ext:Column Width="100" ColumnID="Id" Header="Id" DataIndex="ID" Hidden="true" />
                                    <ext:Column Width="100" ColumnID="Name" Header="Name" DataIndex="Name" />
                                    <ext:Column Width="200" ColumnID="Description" Header="Description" DataIndex="Description" />
                                </Columns>
                            </ColumnModel>
                            <View>
                                <ext:GridView ForceFit="true" MarkDirty="false" />
                            </View>
                            <Plugins>
                                <ext:GridFilters runat="server" ID="CompanyCodeFilter" Local="true">
                                    <Filters>
                                        <ext:StringFilter DataIndex="Code" />
                                        <ext:StringFilter DataIndex="Name" />
                                        <ext:StringFilter DataIndex="Description" />
                                    </Filters>
                                </ext:GridFilters>
                            </Plugins>
                            <BottomBar>
                                <nxtwc:NxtPagingToolbar ID="CompanyCodePaging" runat="server" PageSize="20" HideRefresh="true" 
                                    StoreID="AllCompanyCodeStore">
                                    <Items>
                                        <nxtwc:NxtLabel ID="lblPagesize" runat="server" Text="Page size:" />
                                        <nxtwc:NxtToolbarSpacer ID="spacer" runat="server" Width="10" />
                                        <nxtwc:NxtComboBox ID="cmbPageSize" runat="server" Width="80">
                                            <Items>
                                                <nxtwc:NxtListItem Text="10" />
                                                
                                                <nxtwc:NxtListItem Text="20" />
                                                <nxtwc:NxtListItem Text="30" />
                                                <nxtwc:NxtListItem Text="40" />
                                                <nxtwc:NxtListItem Text="50" />
                                            </Items>
                                            <SelectedItem Value="20" />
                                            <Listeners>
                                                <Select Handler="#{CompanyCodePaging}.pageSize = parseInt(this.getValue()); #{CompanyCodePaging}.doLoad();" />
                                            </Listeners>
                                        </nxtwc:NxtComboBox>
                                    </Items>
                                </nxtwc:NxtPagingToolbar>
                            </BottomBar>
                        </nxtwc:NxtGridPanel>
                        <%-- <ext:Hidden ID="hdnMode" Value="<%# ViewBag.Mode %>" runat="server" AutoDataBind="true" />--%>
                        <%-- <ext:Hidden runat="server" ID="hdnCodeType" Text="Countries" EnableViewState="true" />
                        <ext:Hidden ID="hdnSelectCodeTypesData" runat="server" />
                       <ext:Hidden ID="hdnMode" Value="<%# ViewBag.Mode %>" runat="server" AutoDataBind="true" />
                        <ext:Hidden ID="hdnCompanyID" Value="<%# ViewBag.CompanyID %>" runat="server" AutoDataBind="true" />
                        <ext:Hidden ID="hdnCompanyCodes" runat="server" Value="<%# ViewBag.CompanyCodesCollection %>"
                            AutoDataBind="true" />--%>
                    </Items>
                    <BottomBar>
                        <nxtwc:NxtToolbar runat="server" ID="tbSaveCancelCompanyCodes" Visible="true">
                            <Content>
                                <nxtwuc:SaveCancelToolBar runat="server" ID="SaveCancelToolbar" SaveEventName="SaveCompanyCodes"
                                    CancelEventName="CancelCompanyCodes" />
                            </Content>
                        </nxtwc:NxtToolbar>
                    </BottomBar>
                    <Listeners>
                       
                         
                    </Listeners>
                </nxtwc:NxtPanel>
            </Items>
        </nxtwc:NxtViewport>
    </body>
    </html>
    
    Thanks
    Anulekha
    Last edited by Daniil; Feb 03, 2012 at 6:48 PM. Reason: [CLOSED]
  2. #2
    Hi,

    It there issue reproducible if remove the following?
    <BeforeLoad Handler="Common.ShowMask('Loading company codes...');" />
    <Load Handler="Common.HideMask();" />
    What browsers do you test with? I would test on IE8, IE9, FireFox and Chrome.
  3. #3
    Quote Originally Posted by Daniil View Post
    Hi,

    It there issue reproducible if remove the following?
    <BeforeLoad Handler="Common.ShowMask('Loading company codes...');" />
    <Load Handler="CommIE8. on.HideMask();" />
    What browsers do you test with? I would test on IE8, IE9, FireFox and Chrome.
    Hi Daniil,,

    I am testing using IE 8. This is happening even after commenting the load events.

    Thanks
    Anulekha
  4. #4
    Does it happen with another browsers?
  5. #5
    Quote Originally Posted by Daniil View Post
    Does it happen with another browsers?
    Hi Daniil,


    I tested in FF. Its working fine. How do i fix this for IE?

    Thanks
    Anulekha
  6. #6
    I'm afraid I can't help without a sample to reproduce. Please provide.
  7. #7
    Quote Originally Posted by Daniil View Post
    I'm afraid I can't help without a sample to reproduce. Please provide.
    Hi Daniil,

    I have given the code in the first reply of this post.

    Thanks
    Anulekha
  8. #8
    Yes, but I have no <nxtwc:NxtStore> control and others.
  9. #9
    Quote Originally Posted by Daniil View Post
    Yes, but I have no <nxtwc:NxtStore> control and others.
    Hi Daniil

    NxtStore is just a wrapper for ext store.

    Thanks
    Anulekha
  10. #10
    Thanks, good to know. But, unfortunately, I still can't run the page that you posted.
Page 1 of 2 12 LastLast

Similar Threads

  1. Replies: 0
    Last Post: May 25, 2012, 9:02 AM
  2. [CLOSED] Validation on click of next/previous buttons of paging tool bar
    By AnulekhaK in forum 1.x Legacy Premium Help
    Replies: 5
    Last Post: Jan 13, 2012, 8:06 AM
  3. Replies: 2
    Last Post: Oct 28, 2011, 6:44 AM
  4. Replies: 0
    Last Post: Apr 06, 2010, 10:01 AM
  5. Replies: 1
    Last Post: Oct 09, 2009, 3:46 AM

Posting Permissions