[CLOSED] Difficulty in Using FieldSet and GridPanel with Paging

Threaded View

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

    [CLOSED] Difficulty in Using FieldSet and GridPanel with Paging

    Hi all,

    I have a Fieldset and Gridpanel with paging the problem is when the fieldset is expanded the grid with paging fits well with viewport
    But when i collasp the fieldset, i get the gap between the bottombar and the Gridpanel's paging FieldSetCollepsed.jpg(attached).

    I want my page look like in the FieldSetExpanded.jpg(attached) even when i collasp a field set

    Below is my code for page
    <nxtwc:NxtViewport ID="vpInvAdjustments" runat="server" AnchorVertical="100%" AnchorHorizontal="100%"
            Layout="BorderLayout" Region="Center">
            <Items>
                <ext:FitLayout ID="flInvAdjustments" runat="server">
                    <Items>
                        <ext:FormPanel ID="fpInvAdjustments" runat="server" Padding="10" BodyStyle="background-color: #DFE8F6"
                            AnchorHorizontal="100%" AnchorVertical="100%" AutoDataBind="true" Border="false" LabelWidth="110">
                            <Items>
                                <nxtwc:NxtCodeTypeCombobox ID="cmbNxtStkLocation" runat="server" StoreBaseParams="InventoryLocationType"
                                    FieldLabel="StockingLocation" AnchorHorizontal="35%"></nxtwc:NxtCodeTypeCombobox>
                                <nxtwc:NxtTextArea ID="nxtInvAdjNote" runat="server" AnchorVertical="10%" FieldLabel="Note"
                                    AnchorHorizontal="35%">
                                </nxtwc:NxtTextArea>
                                <nxtwc:NxtFieldSet ID="fsInvAdjTransCustFields" runat="server" Title="TransactionCustFields"
                                    AnchorHorizontal="100%" AnchorVertical="20%" Collapsible="true">
                                    <Content>
                                        <nxtwuc:CustomFieldsCtrl ID="nxtcustInvAdjTransFields" runat="server" />
                                    </Content>
                                </nxtwc:NxtFieldSet>
                                <nxtwc:NxtPanel ID="fpnlInvAdjustmentGridCnt" runat="server" Border="false" BodyStyle="background-color: #DFE8F6;"
                                    MonitorResize="true" Region="Center" AnchorHorizontal="100%" AnchorVertical="67%" Layout="FitLayout">
                                    <Content>
                                        <nxtwuc:InventoryAdjustmentGrid ID="gvInvAdjustment" runat="server">
                                        </nxtwuc:InventoryAdjustmentGrid>
                                    </Content>
                                </nxtwc:NxtPanel>
                            </Items>
                            <BottomBar>
                                <ext:Toolbar runat="server" ID="tbSaveCancelIssReq" Visible="true">
                                    <Content>
                                        <nxtwuc:SaveCancelToolBar runat="server" ID="SaveCancelIssueReq" SaveEventName="SaveNewIssueRequisition"
                                            CancelEventName="CancelNewIssueRequisition" />
                                    </Content>
                                </ext:Toolbar>
                            </BottomBar>
                        </ext:FormPanel>
                    </Items>
                </ext:FitLayout>
            </Items>
            <Listeners>
                <BeforeRender Handler="Ext.onReady(function () {
                            Ext.GLOBAL_STORE = parent.Ext.GLOBAL_STORE;
                            Ext.EventBroker = parent.Ext.EventBroker;});" />
            </Listeners>
        </nxtwc:NxtViewport>
    for User control of InventoryAdjustmentGrid
    <nxtwc:NxtFitLayout ID="flInvAdjustmentGridCnt" runat="server">
        <Items>
            <nxtwc:NxtFormPanel ID="fpnlInvAdjustmentGridCnt" runat="server" AnchorVertical="100%"
                Border="false">
                <Items>
                    <nxtwc:NxtGridPanel ID="gpInvAdjustmentGridCnt" runat="server" StripeRows="true"
                        AutoScroll="true" AnchorHorizontal="100%" AnchorVertical="100%" TrackMouseOver="true"
                        AutoDataBind="true" StoreID="stInvAdjustment" AutoExpandColumn="ItemDescription">
                        <ColumnModel ID="cmInvAdjustmentGridCnt" runat="server">
                            <Columns>
                                <ext:Column Header="ID" DataIndex="ID" Hidden="true" />
                                <ext:Column ColumnID="colItemNo" Header="ItemNo" DataIndex="ItemNo" Width="20">
                                </ext:Column>
                                <ext:Column ColumnID="colDescription" Header="ItemDescription" DataIndex="ItemDescription">
                                </ext:Column>
                                <ext:Column ColumnID="colBinSequence" Header="ItemBinSequence" DataIndex="ItemBinSequence" Width="20" Align="Right">
                                </ext:Column>
                                <ext:Column ColumnID="colBinID" Header="BinID" DataIndex="BinID" Width="20">
                                </ext:Column>
                                <ext:Column ColumnID="colBinLocation" Header="BinLocation" DataIndex="BinLocation" Width="70">
                                </ext:Column>
                                <ext:Column ColumnID="colQOH" Header="QOH" DataIndex="QOH" Width="10" Align="Right">
                                </ext:Column>
                                <ext:Column ColumnID="colCountQty" Header="CountQty" DataIndex="CountCap" Width="20">
                                    <Editor>
                                        <ext:NumberField ID="txtEditCountCap" runat="server">
                                        </ext:NumberField>
                                    </Editor>
                                </ext:Column>
                                <ext:Column ColumnID="colCapacity" Header="Capacity" DataIndex="Capacity" Width="20" Align="Right">
                                </ext:Column>
                                <ext:Column ColumnID="colUOM" Header="UOM" DataIndex="UOM" Width="20">
                                </ext:Column>
                            </Columns>
                        </ColumnModel>
                        <BottomBar>
                            <ext:PagingToolbar ID="ptbInvAdjustmentPager" runat="server">
                                <Items>
                                    <nxtwc:NxtLabel ID="lblAllBinAdjustmentPageSize" runat="server" FieldLabel="Pagesize"
                                        LabelWidth="22" />
                                    <nxtwc:NxtToolbarSpacer ID="tbsAdjustmentPaging" runat="server" Width="10" />
                                    <nxtwc:NxtComboBox ID="cmbsAdjustmentPaging" runat="server" Width="80" TypeAhead="true">
                                        <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" />
                                    </nxtwc:NxtComboBox>
                                </Items>
                            </ext:PagingToolbar>
                        </BottomBar>
                        <Plugins>
                            <ext:EditableGrid ID="EditableGrid1" runat="server" />
                        </Plugins>
                        <SelectionModel>
                            <ext:RowSelectionModel ID="InvtVHRowSelectionModel" runat="server" SingleSelect="true" />
                        </SelectionModel>
                        <View>
                            <ext:GridView ForceFit="true" MarkDirty="false" />
                        </View>
                    </nxtwc:NxtGridPanel>
                </Items>
            </nxtwc:NxtFormPanel>
        </Items>
    </nxtwc:NxtFitLayout>
    Please help thank you...
    Attached Thumbnails Click image for larger version. 

Name:	FieldSetCollepsed.jpg 
Views:	70 
Size:	89.2 KB 
ID:	3553   Click image for larger version. 

Name:	FieldSetExpanded.jpg 
Views:	55 
Size:	90.3 KB 
ID:	3554  
    Last edited by Daniil; Dec 09, 2011 at 6:49 AM. Reason: [CLOSED]

Similar Threads

  1. Gridpanel paging bug
    By kakagu in forum 1.x Help
    Replies: 2
    Last Post: Apr 07, 2012, 1:31 PM
  2. [CLOSED] Paging in Gridpanel
    By mgowder in forum 1.x Legacy Premium Help
    Replies: 3
    Last Post: Feb 27, 2011, 8:26 AM
  3. [CLOSED] GridPanel Paging
    By cobiscorp in forum 1.x Legacy Premium Help
    Replies: 1
    Last Post: Jul 21, 2010, 10:29 PM
  4. GridPanel Paging
    By Yannis in forum 1.x Help
    Replies: 3
    Last Post: Jun 30, 2010, 11:27 PM
  5. [CLOSED] GridPanel Paging
    By Timothy in forum 1.x Legacy Premium Help
    Replies: 4
    Last Post: Feb 22, 2009, 5:59 PM

Posting Permissions