Dec 07, 2011, 3:15 PM
[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
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...
Last edited by Daniil; Dec 09, 2011 at 6:49 AM.
Reason: [CLOSED]