Jan 27, 2012, 6:55 AM
[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.
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]