[CLOSED] Loading mask for the tab panel

Threaded View

Previous Post Previous Post   Next Post Next Post
  1. #1

    [CLOSED] Loading mask for the tab panel

    Hello,
    I have three sub panels inside a tab panel. Each panel has a grid panel in it. How do I use loading mask for each grid.?
    Currently I have used laoding mask only for the panel. If I use laoding mask for all the panels or grid then any one of the loading mask show up.
    Since I have a huge data being loaded in other panels if one of the grid loads then the loading mask ends and I will have other gridpanels showing the empty grid message for some time and then it loads the grid. How can I use loading mask for other grids too.
    Below is the aspx code :

    <ext:TabPanel ID="Tabpnl" runat="server" ActiveIndex="0" Layout="FitLayout">
            <TopBar>
                <ext:Toolbar ID="TBarMilestonePopUp" runat="server">
                    <Items>
                        <ext:Container ID="CntTBarMilestonePopUp" runat="server">
                            <Content>
                                <table cellpadding="0" cellspacing="0" width="100%">
                                    <tr>
                                        <td>
                                            <%--
                                    Related to US JIRA Ticket AP3-746
                                    Added OnClientClick="return GetClientBrowserDateTime();" by NM (E314037)
                                            --%>
                                            <asp:LinkButton ID="LnkExportToExcelMs" ToolTip="Click to open Excel view" OnClick="ExportToExcelMilestones"
                                                runat="server" OnClientClick="return GetClientBrowserDateTime();" Text="<img src='../../Images/forAll/ExportToExcel.png' alt='X' />" />
                                            <ext:ToolbarSpacer ID="tbspacer1" runat="server" Width="30">
                                            </ext:ToolbarSpacer>
                                        </td>
                                    </tr>
                                    <tr>
                                        <td>
                                            <%-- JIRA Ticket 817. Added by Velmurugan on 19-Feb-2013. --%>
                                            Note: Only those Milestones that are owned by E&T are shown in the PE scorecard.
                                            Milestones owned by ISC, AME, C&PS or PMO are not included.
                                            <%-- JIRA Ticket 817 --%>
                                        </td>
                                    </tr>
                                </table>
                            </Content>
                        </ext:Container>
                    </Items>
                </ext:Toolbar>
            </TopBar>
            <Items>
                <ext:Panel ID="PnlInnerMilestone" runat="server" Title="Milestones">
                    <Content>
                        <fieldset id="fsDetailedMilestones" style="color:white;border:0px">
                            <table>
                                <tr>
                                    <td>
                                        <fieldset id="fsHmrMilestone">
                                            <legend><b>HMR Milestone</b></legend>
                                            <ext:GridPanel ID="GrdHmrMilestone" runat="server" EnableColumnMove="false" ButtonAlign="Center"
                                                Border="true" Height="208" Width="1285" AutoScroll="true">
                                                <Store>
                                                    <%--   <ext:Store ID="StoreHmrMilestone" runat="server" AutoLoad="false" OnRefreshData="StoreHmrMilestone_RefreshData"
                                                            RemotePaging="true">--%>
                                                    <ext:Store ID="StoreHmrMilestone" runat="server" PageSize="10" OnReadData="StoreHmrMilestone_RefreshData">
                                                        <Model>
                                                            <ext:Model ID="Model33" runat="server">
                                                                <Fields>
                                                                    <ext:ModelField Name="HMRIndex" Type="String" />
                                                                    <ext:ModelField Name="Category" Type="String" />
                                                                    <ext:ModelField Name="HealthIndicator" Type="String" />
                                                                    <ext:ModelField Name="MilestoneName" Type="String" />
                                                                    <ext:ModelField Name="BillingFlag" Type="String" />
                                                                    <ext:ModelField Name="BillingAmount" Type="String" />
                                                                    <%--BaselineCompletiondate,ScheduledCompletionDate,ActualCompletionDate
                                                                        type = 'date' is not working so we kept SortType="AsDate"--%>
                                                                    <ext:ModelField Name="BaselineCompletiondate" SortType="AsDate" />
                                                                    <ext:ModelField Name="ScheduledCompletionDate" SortType="AsDate" />
                                                                    <ext:ModelField Name="ActualCompletionDate" SortType="AsDate" />
                                                                    <ext:ModelField Name="RCCACauseCode" Type="String" />
                                                                    <ext:ModelField Name="Comment" Type="String" />
                                                                    <ext:ModelField Name="RCCA" Type="String" />
                                                                    <ext:ModelField Name="Action" Type="String" />
                                                                </Fields>
                                                            </ext:Model>
                                                        </Model>
                                                        <Listeners>
    
                                                            <%-- <BeforeLoad Handler="ShowMaskForGrid('Fieldset1')"></BeforeLoad>
                                                        <Load Handler = "Ext.net.Mask.hide();" ></Load>--%>
                                                        </Listeners>
                                                    </ext:Store>
                                                </Store>
                                                <ColumnModel ID="clmdlHmrMilestone" runat="server">
                                                    <Columns>
                                                        <ext:Column ID="Column1" DataIndex="HMRIndex" runat="server" Text="HMR Index" Width="110" MenuDisabled="false"
                                                            Height="22" Wrap="true" />
                                                        <ext:Column ID="Column2" runat="server" Text="Status" DataIndex="HealthIndicator" Width="50" Align="Center">
                                                            <Renderer Fn="indicatorRenderFORMilestone" />
                                                        </ext:Column>
                                                        <ext:Column ID="Column29" DataIndex="MilestoneName" runat="server" Text="Milestone Name" Width="200"
                                                            MenuDisabled="false" />
                                                        <ext:Column ID="Column30" runat="server" Text="Cat" DataIndex="Category" Width="50" MenuDisabled="false" />
                                                        <ext:DateColumn DataIndex="BaselineCompletiondate" runat="server" Text="Baseline Date" Width="90"
                                                            MenuDisabled="false" Align="Left" Format="MM/dd/yyyy"
                                                            ID="GrdHmrMilestone_BaselineCompletiondate" />
                                                        <ext:DateColumn DataIndex="ScheduledCompletionDate" runat="server" Text="Scheduled Date" Width="100"
                                                            MenuDisabled="false" Align="Left" Format="MM/dd/yyyy"
                                                            ID="GrdHmrMilestone_ScheduledCompletionDate" />
                                                        <ext:DateColumn DataIndex="ActualCompletionDate" runat="server" Text="Actual Date" Width="90"
                                                            MenuDisabled="false" Align="Left" Format="MM/dd/yyyy"
                                                            ID="GrdHmrMilestone_ActualCompletionDate" />
                                                        <ext:Column DataIndex="RCCACauseCode" runat="server" Text="RCCA Cause Code" Width="120"
                                                            MenuDisabled="false" ID="GrdHmrMilestone_RCCACauseCode" />
                                                        <ext:Column DataIndex="Comment" runat="server" Text="Comment" Width="100"
                                                            MenuDisabled="false" ID="GrdHmrMilestone_Comment" />
                                                        <ext:Column ID="Column33" DataIndex="RCCA" runat="server" Text="RCCA" Width="100" MenuDisabled="false" />
                                                        <ext:Column DataIndex="Action" runat="server" Text="Action" Width="230"
                                                            MenuDisabled="false" ID="GrdHmrMilestone_Action" />
                                                    </Columns>
                                                </ColumnModel>
                                                <View>
                                                    <ext:GridView ID="GrdviewHmrMilestone" runat="server" EmptyText="<%$ Resources:WebResource,GeneralMsg_NoRecordsFound_ForHMR %>" StripeRows="false" TrackOver="false" />
                                                </View>
                                                <BottomBar>
                                                    <ext:PagingToolbar ID="PgtlbrHmrMilestone" runat="server" Height="25px" HideRefresh="true"
                                                        EmptyMsg="<%$ Resources:WebResource,GeneralMsg_NoRecordsFound %>">
                                                        <Items>
                                                            <ext:Label ID="Label7" runat="server" Text="Page size:" />
                                                            <ext:ToolbarSpacer ID="ToolBarSpacer7" runat="server" Width="10" />
                                                            <ext:ComboBox ID="cmbpgHmrMilestone" runat="server" Width="80" Editable="false">
                                                                <Items>
                                                                    <ext:ListItem Text="10" Value="10" />
                                                                    <ext:ListItem Text="20" Value="20" />
                                                                    <ext:ListItem Text="50" Value="50" />
                                                                    <ext:ListItem Text="100" Value="100" />
                                                                </Items>
                                                                <SelectedItems>
                                                                    <ext:ListItem Value="10" />
                                                                </SelectedItems>
                                                                <Listeners>
                                                                    <%--<Select Handler="#{PgtlbrHmrMilestone}.pageSize = parseInt(this.getValue()); #{PgtlbrHmrMilestone}.doLoad();" />--%>
                                                                    <%--<Select Handler="#{PgtlbrHmrMilestone}.pageSize = parseInt(this.getValue()); #{PgtlbrHmrMilestone}.store.reload();" />--%>
                                                                    <Select Handler="#{GrdHmrMilestone}.store.pageSize = parseInt(this.getValue(), 10); #{GrdHmrMilestone}.store.reload();" />
                                                                </Listeners>
                                                            </ext:ComboBox>
                                                        </Items>
                                                    </ext:PagingToolbar>
                                                </BottomBar>
                                                <%--<LoadMask ShowMask="true" />--%>
                                                <ToolTips>
                                                    <ext:ToolTip ID="TTHmrMilestone" runat="server" Target="={#{GrdHmrMilestone}.getView().el}"
                                                        Delegate=".x-grid-cell" DismissDelay="120000" Anchor="bottom">
                                                        <Listeners>
                                                            <Show Handler="showTipForGrid(this, #{GrdHmrMilestone}, #{StoreHmrMilestone})" />
                                                        </Listeners>
                                                    </ext:ToolTip>
                                                </ToolTips>
                                            </ext:GridPanel>
                                        </fieldset>
                                    </td>
                                </tr>
                                <tr>
                                    <td>
                                        <fieldset id="fsIPDSGateExit">
                                            <legend><b>
                                                <ext:Label ID="LblIpdsOrCsbActionItemPopup" runat="server" Text="IPDS Gate Exit Schedule" />
                                            </b></legend>
                                            <ext:GridPanel ID="GrdIpdsMilestone" runat="server" EnableColumnMove="false" ButtonAlign="Center"
                                                Border="true" Height="205" Width="1285" AutoScroll="true">
                                                <Store>
                                                    <%--<ext:Store ID="StoreIpdsMilestone" runat="server" AutoLoad="false" OnRefreshData="StoreIpdsMilestone_RefreshData"
                                                            RemotePaging="true">--%>
                                                    <ext:Store ID="StoreIpdsMilestone" runat="server" PageSize="10" OnReadData="StoreIpdsMilestone_RefreshData">
                                                        <Model>
                                                            <ext:Model ID="Model36" runat="server">
                                                                <Fields>
                                                                    <ext:ModelField Name="HMRIndex" Type="String" />
                                                                    <ext:ModelField Name="Category" Type="String" />
                                                                    <ext:ModelField Name="HealthIndicator" Type="String" />
                                                                    <ext:ModelField Name="MilestoneName" Type="String" />
                                                                    <ext:ModelField Name="BillingFlag" Type="String" />
                                                                    <ext:ModelField Name="BillingAmount" Type="String" />
                                                                    <%--BaselineCompletiondate,ScheduledCompletionDate,ActualCompletionDate
                                                                            type = 'date' is not working so we kept SortType="AsDate"--%>
                                                                    <ext:ModelField Name="BaselineCompletiondate" SortType="AsDate" />
                                                                    <ext:ModelField Name="ScheduledCompletionDate" SortType="AsDate" />
                                                                    <ext:ModelField Name="ActualCompletionDate" SortType="AsDate" />
                                                                    <ext:ModelField Name="RCCACauseCode" Type="String" />
                                                                    <ext:ModelField Name="Comment" Type="String" />
                                                                    <ext:ModelField Name="RCCA" Type="String" />
                                                                    <ext:ModelField Name="Action" Type="String" />
                                                                </Fields>
                                                            </ext:Model>
                                                        </Model>
                                                        <%-- <Listeners>
                                                         <BeforeLoad Handler="ShowMaskForGrid('Fieldset1')"></BeforeLoad>
                                                         <Load Handler = "Ext.net.Mask.hide();" ></Load>
                                                    </Listeners>--%>
                                                    </ext:Store>
                                                </Store>
                                                <ColumnModel ID="clmdlIpdsMilestone" runat="server">
                                                    <Columns>
                                                        <ext:Column ID="GrdIpdsMilestone_HMRIndex" DataIndex="HMRIndex" runat="server" Text="HMR Index" Width="110" MenuDisabled="false"
                                                            Height="22" Wrap="true" />
                                                        <ext:Column ID="GrdIpdsMilestone_Status" runat="server" Text="Status" DataIndex="HealthIndicator" Width="50" Align="Center">
                                                            <Renderer Fn="indicatorRenderFORMilestone" />
                                                        </ext:Column>
                                                        <ext:Column ID="GrdIpdsMilestoneMilestoneName_" DataIndex="MilestoneName" runat="server" Text="Milestone Name" Width="200"
                                                            MenuDisabled="false" />
                                                        <ext:Column ID="GrdIpdsMilestone_Cat" runat="server" Text="Cat" DataIndex="Category" Width="50" MenuDisabled="false" />
                                                        <ext:DateColumn ID="GrdIpdsMilestone_BaselineCompletiondate" DataIndex="BaselineCompletiondate" runat="server" Text="Baseline Date" Width="90"
                                                            MenuDisabled="false" Align="Left" Format="MM/dd/yyyy" />
                                                        <ext:DateColumn ID="GrdIpdsMilestone_ScheduledCompletionDate" DataIndex="ScheduledCompletionDate" runat="server" Text="Scheduled Date" Width="100"
                                                            MenuDisabled="false" Align="Left" Format="MM/dd/yyyy" />
                                                        <ext:DateColumn ID="GrdIpdsMilestone_ActualCompletionDate" DataIndex="ActualCompletionDate" runat="server" Text="Actual Date" Width="90"
                                                            MenuDisabled="false" Align="Left" Format="MM/dd/yyyy" />
                                                        <ext:Column ID="GrdIpdsMilestone_RCCACauseCode" DataIndex="RCCACauseCode" runat="server" Text="RCCA Cause Code" Width="120"
                                                            MenuDisabled="false" />
                                                        <ext:Column ID="GrdIpdsMilestone_Comment" DataIndex="Comment" runat="server" Text="Comment" Width="100"
                                                            MenuDisabled="false" />
                                                        <ext:Column ID="GrdIpdsMilestone_RCCA" DataIndex="RCCA" runat="server" Text="RCCA" Width="100" MenuDisabled="false" />
                                                        <ext:Column ID="GrdIpdsMilestone_Action" DataIndex="Action" runat="server" Text="Action" Width="280"
                                                            MenuDisabled="false" />
                                                    </Columns>
                                                </ColumnModel>
                                                <View>
                                                    <ext:GridView ID="GrdviewIpdsMilestone" runat="server" EmptyText="<%$ Resources:WebResource,GeneralMsg_NoRecordsFound %>" StripeRows="false" TrackOver="false" />
                                                </View>
                                                <BottomBar>
                                                    <ext:PagingToolbar ID="PgIpdsMilestone" runat="server" HideRefresh="true"
                                                        EmptyMsg="<%$ Resources:WebResource,GeneralMsg_NoRecordsFound %>" Height="25px">
                                                        <Items>
                                                            <ext:Label ID="Label6" runat="server" Text="Page size:" />
                                                            <ext:ToolbarSpacer ID="ToolBarSpacer6" runat="server" Width="10" />
                                                            <ext:ComboBox ID="CmbIpdsMilestone" runat="server" Width="80" Editable="false">
                                                                <Items>
                                                                    <ext:ListItem Text="10" Value="10" />
                                                                    <ext:ListItem Text="20" Value="20" />
                                                                    <ext:ListItem Text="50" Value="50" />
                                                                    <ext:ListItem Text="100" Value="100" />
                                                                </Items>
                                                                <SelectedItems>
                                                                    <ext:ListItem Value="10" />
                                                                </SelectedItems>
                                                                <Listeners>
                                                                    <%--<Select Handler="#{PgIpdsMilestone}.pageSize = parseInt(this.getValue()); #{PgIpdsMilestone}.doLoad();" />--%>
                                                                    <Select Handler="#{GrdIpdsMilestone}.store.pageSize = parseInt(this.getValue(), 10); #{GrdIpdsMilestone}.store.reload();" />
                                                                </Listeners>
                                                            </ext:ComboBox>
                                                        </Items>
                                                    </ext:PagingToolbar>
                                                </BottomBar>
                                                <%--<LoadMask ShowMask="true" />--%>
                                                <ToolTips>
                                                    <ext:ToolTip ID="TTIpdsMilestone" runat="server" Target="={#{GrdIpdsMilestone}.getView().el}"
                                                        Delegate=".x-grid-cell" DismissDelay="120000" Anchor="bottom">
                                                        <Listeners>
                                                            <Show Handler="showTipForGrid(this, #{GrdIpdsMilestone}, #{StoreIpdsMilestone})" />
                                                        </Listeners>
                                                    </ext:ToolTip>
                                                </ToolTips>
                                            </ext:GridPanel>
                                        </fieldset>
                                    </td>
                                </tr>
                            </table>
                        </fieldset>
                    </Content>
                </ext:Panel>
                <ext:Panel ID="PnlMonthlook" runat="server" Title="Likely To Miss (4MLA)">
                    <Items>
                        <ext:GridPanel ID="GrdFourHmrMilestone" runat="server" EnableColumnMove="false" ButtonAlign="Center"
                            Border="true" Height="430" Width="1285" AutoScroll="true">
                            <Store>
                                <ext:Store ID="StoreFourHmrMilestone" runat="server" PageSize="10" OnReadData="StoreFourHmrMilestone_RefreshData">
                                    <Model>
                                        <ext:Model ID="Model34" runat="server">
                                            <Fields>
                                                <ext:ModelField Name="HMRIndex" Type="String" />
                                                <ext:ModelField Name="Category" Type="String" />
                                                <ext:ModelField Name="HealthIndicator" Type="String" />
                                                <ext:ModelField Name="MilestoneName" Type="String" />
                                                <ext:ModelField Name="BillingFlag" Type="String" />
                                                <ext:ModelField Name="BillingAmount" Type="String" />
                                                <ext:ModelField Name="BaselineCompletiondate" SortType="AsDate" />
                                                <ext:ModelField Name="ScheduledCompletionDate" SortType="AsDate" />
                                                <ext:ModelField Name="ActualCompletionDate" SortType="AsDate" />
                                                <ext:ModelField Name="RCCACauseCode" Type="String" />
                                                <ext:ModelField Name="Comment" Type="String" />
                                                <ext:ModelField Name="RCCA" Type="String" />
                                                <ext:ModelField Name="Action" Type="String" />
                                            </Fields>
                                        </ext:Model>
                                    </Model>
                                </ext:Store>
                            </Store>
                            <ColumnModel ID="clmdlfourHmrMilestone" runat="server">
                                <Columns>
                                    <ext:Column ID="GrdFourHmrMilestone_HMRIndex" DataIndex="HMRIndex" runat="server" Text="HMR Index" Width="100" MenuDisabled="false"
                                        Height="22" Wrap="true" />
                                    <ext:Column ID="GrdFourHmrMilestone_MilestoneName" DataIndex="MilestoneName" runat="server" Text="Milestone Name" Width="250"
                                        MenuDisabled="false" />
                                    <ext:Column ID="Column3" runat="server" Text="Cat" DataIndex="Category" Width="50" MenuDisabled="false" />
                                    <ext:DateColumn ID="GrdFourHmrMilestone_BaselineCompletiondate" DataIndex="BaselineCompletiondate" runat="server" Text="Baseline Date" Width="85"
                                        MenuDisabled="false" Align="Left" Format="MM/dd/yyyy" />
                                    <ext:DateColumn ID="GrdFourHmrMilestone_ScheduledCompletionDate" DataIndex="ScheduledCompletionDate" runat="server" Text="Scheduled Date" Width="95"
                                        MenuDisabled="false" Align="Left" Format="MM/dd/yyyy" />
                                    <ext:DateColumn ID="GrdFourHmrMilestone_ActualCompletionDate" DataIndex="ActualCompletionDate" runat="server" Text="Actual Date" Width="85"
                                        MenuDisabled="false" Align="Left" Format="MM/dd/yyyy" />
                                    <ext:Column ID="GrdFourHmrMilestone_RCCACauseCode" DataIndex="RCCACauseCode" runat="server" Text="RCCA Cause Code" Width="150" MenuDisabled="false" />
                                    <ext:Column ID="GrdFourHmrMilestone_Comment" DataIndex="Comment" runat="server" Text="Comment" Width="100"
                                        MenuDisabled="false" />
                                    <ext:Column ID="GrdFourHmrMilestone_RCCA" DataIndex="RCCA" runat="server" Text="RCCA" Width="100" MenuDisabled="false" />
                                    <ext:Column ID="GrdFourHmrMilestone_Action" DataIndex="Action" runat="server" Text="Action" Width="290"
                                        MenuDisabled="false" />
                                </Columns>
                            </ColumnModel>
                            <View>
                                <ext:GridView ID="GrdviewFourHmrMilestone" runat="server" EmptyText="<%$ Resources:WebResource,GeneralMsg_NoRecordsFound %>" StripeRows="false" TrackOver="false" />
                            </View>
                            <BottomBar>
                                <ext:PagingToolbar ID="PgtlbrfourHmrMilestone" runat="server" Height="25px" HideRefresh="true"
                                    EmptyMsg="<%$ Resources:WebResource,GeneralMsg_NoRecordsFound %>">
                                    <Items>
                                        <ext:Label ID="Label8" runat="server" Text="Page size:" />
                                        <ext:ToolbarSpacer ID="ToolBarSpacer8" runat="server" Width="10" StyleSpec="background-color:red !important" />
                                        <ext:ComboBox ID="CmbFourHmrMilestone" runat="server" Width="80" Editable="false">
                                            <Items>
                                                <ext:ListItem Text="10" Value="10" />
                                                <ext:ListItem Text="20" Value="20" />
                                                <ext:ListItem Text="50" Value="50" />
                                                <ext:ListItem Text="100" Value="100" />
                                            </Items>
                                            <SelectedItems>
                                                <ext:ListItem Value="10" />
                                            </SelectedItems>
                                            <Listeners>
                                                <Select Handler="#{GrdFourHmrMilestone}.store.pageSize = parseInt(this.getValue(), 10); #{GrdFourHmrMilestone}.store.reload();" />
                                            </Listeners>
                                        </ext:ComboBox>
                                    </Items>
                                </ext:PagingToolbar>
                            </BottomBar>
                        </ext:GridPanel>
                    </Items>
                </ext:Panel>
                <ext:Panel ID="PnlBilling" runat="server" Title="Billing MS info">
                    <Items>
                        <ext:GridPanel ID="GrdBillingHmrMilestone" runat="server" EnableColumnMove="false"
                            ButtonAlign="Center" Border="true" Height="430" Width="1285"
                            AutoScroll="true">
                            <Store>
                                <ext:Store ID="StoreBillingHmrMilestone" runat="server" PageSize="10" OnReadData="StoreBillingHmrMilestone_RefreshData">
                                    <Model>
                                        <ext:Model ID="Model35" runat="server">
                                            <Fields>
                                                <ext:ModelField Name="HMRIndex" Type="String" />
                                                <ext:ModelField Name="Category" Type="String" />
                                                <ext:ModelField Name="MilestoneName" Type="String" />
                                                <ext:ModelField Name="HealthIndicator" Type="String" />
                                                <ext:ModelField Name="BillingFlag" Type="String" />
                                                <ext:ModelField Name="BillingAmount" Type="String" />
                                                <ext:ModelField Name="BaselineCompletiondate" SortType="AsDate" />
                                                <ext:ModelField Name="ScheduledCompletionDate" SortType="AsDate" />
                                                <ext:ModelField Name="ActualCompletionDate" SortType="AsDate" />
                                                <ext:ModelField Name="RCCA" Type="String" />
                                                <ext:ModelField Name="Action" Type="String" />
                                            </Fields>
                                        </ext:Model>
                                    </Model>
                                    <Listeners>
                                        <BeforeLoad Handler="ShowMaskForGrid('fsDetailedMilestones')"></BeforeLoad>
                                        <Load Handler="Ext.net.Mask.hide();"></Load>
                                    </Listeners>
                                </ext:Store>
    
                            </Store>
                            <ColumnModel ID="clmdlBillingHmrMilestone" runat="server">
                                <Columns>
                                    <ext:Column ID="GrdBillingHmrMilestone1" DataIndex="HMRIndex" runat="server" Text="HMR Index" Width="160" MenuDisabled="false"
                                        Height="22" Wrap="true" />
                                    <ext:Column ID="GrdBillingHmrMilestone2" DataIndex="MilestoneName" runat="server" Text="Milestone Name" Width="300"
                                        MenuDisabled="false" />
                                    <ext:Column ID="GrdBillingHmrMilestone3" runat="server" Text="Cat" DataIndex="Category" Width="60" MenuDisabled="false" />
                                    <ext:Column ID="GrdBillingHmrMilestone4" runat="server" Text="Billing Amt" DataIndex="BillingAmount" Width="100" MenuDisabled="false" />
                                    <ext:DateColumn ID="GrdBillingHmrMilestone5" DataIndex="BaselineCompletiondate" runat="server" Text="Baseline Date" Width="90"
                                        MenuDisabled="false" Align="Left" Format="MM/dd/yyyy" />
                                    <ext:DateColumn ID="GrdBillingHmrMilestone6" DataIndex="ScheduledCompletionDate" runat="server" Text="Scheduled Date" Width="100"
                                        MenuDisabled="false" Align="Left" Format="MM/dd/yyyy" />
                                    <ext:DateColumn ID="GrdBillingHmrMilestone7" DataIndex="ActualCompletionDate" runat="server" Text="Actual Date" Width="90"
                                        MenuDisabled="false" Align="Left" Format="MM/dd/yyyy" />
                                    <ext:Column ID="GrdBillingHmrMilestone8" DataIndex="Action" runat="server" Text="Action" Width="400"
                                        MenuDisabled="false" />
                                </Columns>
                            </ColumnModel>
                            <View>
                                <ext:GridView ID="GrdviewBillingHmrMilestone" runat="server" EmptyText="<%$ Resources:WebResource,GeneralMsg_NoRecordsFound %>" StripeRows="false" TrackOver="false" />
                            </View>
                            <BottomBar>
                                <ext:PagingToolbar ID="PgtlbrBillingHmrMilestone" runat="server" Height="25px" HideRefresh="true"
                                    EmptyMsg="<%$ Resources:WebResource,GeneralMsg_NoRecordsFound %>">
                                    <Items>
                                        <ext:Label ID="Label12" runat="server" Text="Page size:" />
                                        <ext:ToolbarSpacer ID="ToolBarSpacer10" runat="server" Width="10" />
                                        <ext:ComboBox ID="CmbBillingHmrMilestone" runat="server" Width="80" Editable="false">
                                            <Items>
                                                <ext:ListItem Text="10" Value="10" />
                                                <ext:ListItem Text="20" Value="20" />
                                                <ext:ListItem Text="50" Value="50" />
                                                <ext:ListItem Text="100" Value="100" />
                                            </Items>
                                            <SelectedItems>
                                                <ext:ListItem Value="10" />
                                            </SelectedItems>
                                            <Listeners>
                                                <Select Handler="#{GrdBillingHmrMilestone}.store.pageSize = parseInt(this.getValue(), 10); #{GrdBillingHmrMilestone}.store.reload();" />
                                            </Listeners>
                                        </ext:ComboBox>
                                    </Items>
                                </ext:PagingToolbar>
                            </BottomBar>
                        </ext:GridPanel>
                    </Items>
                </ext:Panel>
            </Items>
        </ext:TabPanel>
    Last edited by Daniil; Mar 03, 2015 at 9:57 AM. Reason: [CLOSED]

Similar Threads

  1. Replies: 6
    Last Post: Jun 26, 2015, 11:42 AM
  2. [CLOSED] Mask position when loading Panel's content
    By RCN in forum 2.x Legacy Premium Help
    Replies: 10
    Last Post: Oct 17, 2012, 2:02 PM
  3. [CLOSED] Multiselect loading mask
    By softmachine2011 in forum 2.x Legacy Premium Help
    Replies: 2
    Last Post: Sep 12, 2012, 11:12 AM
  4. Page Loading Mask
    By sachin.munot in forum 1.x Help
    Replies: 1
    Last Post: Oct 13, 2009, 9:27 AM
  5. Loading Mask
    By speedstepmem3 in forum 1.x Legacy Premium Help
    Replies: 1
    Last Post: Nov 25, 2008, 6:55 AM

Tags for this Thread

Posting Permissions