I am trying to create a Dashboard.When I will click in a dashboard Item control.Grid panel will
load correspondent data.
Its working fine.No problem.I can load data on click of the Icons.Pagination is fine.Everything
works perfectly.
But my problem is when I have change paging of the gridcontrol, Lets say Gird Control paging is set to 10.
Data from 10th page loaded.
In this scenario if I click to the Icons and reload grid.Grid is loaded with first page.
But a Postback happens and it goes to 10th page.
<ext:GridPanel ID="gvwOrderList" runat="server" Border="false" TrackMouseOver="true"
StripeRows="true" Height="400" ViewStateMode="Disabled" StoreID="strOrders" >
<ColumnModel ID="ColumnModel1" runat="server">
<Columns>
<ext:TemplateColumn Width="30px" Hidden="true">
<Template ID="Template1" runat="server">
<Html>
<input type="button" id="menubtn" onmouseup="hideMenu(this)" önclick="showMenu(this,event);"
style="background-image: url(img/menu.png); background-color: Transparent; border: none;
height: 20px; width: 20px; background-repeat: no-repeat"></input>
</Html>
</Template>
</ext:TemplateColumn>
<ext:Column Header="Files" DataIndex="OrderID" Tooltip="Files" Width="43">
<Renderer Handler="return attachmentsIcon(record.data.IsPhotoUpload,record.data.IsDocumentUpload);" />
</ext:Column>
<ext:Column Header="Order Details" DataIndex="OrderID" Tooltip="Click to View Order Details">
<Renderer Fn="OrderDetailRenderer" />
</ext:Column>
</Columns>
</ColumnModel>
<SelectionModel>
<%----%>
<ext:CheckboxSelectionModel ID="CheckboxSelectionModel1" runat="server" KeepSelectionOnClick="WithCtrlKey" />
</SelectionModel>
<Listeners>
<Command Fn="commandHandler" />
<BeforeEdit Handler="return !(e.field=='LineItemID' && !e.record.newRecord);" />
<Render Handler="#{ToolbarDroppable1}.addDDGroup(this.getView().columnDrag.ddGroup);" />
<%----%>
</Listeners>
<TopBar>
<ext:Toolbar ID="Toolbar1" runat="server">
<Items>
<ext:Menu ID="Menu1" runat="server" Hidden="false" ShowSeparator="false" EnableScrolling="false"
Cls="x-menu-horizontal" Floating="false" SubMenuAlign="tl-bl?">
<Items>
<ext:MenuItem ID="menuDispatch" runat="server" Text="Dispatch" Icon="BulletBlue">
<Menu>
<ext:Menu ID="menuAssign" runat="server" BoxMinWidth="110">
<Items>
<ext:MenuItem ID="miAssignFieldRep" runat="server" Text="Assign Field Rep">
<DirectEvents>
<Click önEvent="MenuClick">
<ExtraParams>
<ext:Parameter Name="menutype" Value="Assignfieldrep">
</ext:Parameter>
<ext:Parameter Name="Values" Value="Ext.encode(#{gvwOrderList}.getRowsValues())"
Mode="Raw" />
</ExtraParams>
</Click>
</DirectEvents>
</ext:MenuItem>
<ext:MenuItem ID="MenuItem13" runat="server" Text="Assign to 3P Staff">
<DirectEvents>
<Click önEvent="MenuClick">
<ExtraParams>
<ext:Parameter Name="menutype" Value="Assignto3PStaff">
</ext:Parameter>
<ext:Parameter Name="Values" Value="Ext.encode(#{gvwOrderList}.getRowsValues())"
Mode="Raw" />
</ExtraParams>
</Click>
</DirectEvents>
</ext:MenuItem>
<%----%>
</Items>
</ext:Menu>
</Menu>
</ext:MenuItem>
<ext:MenuItem ID="MenuModify" runat="server" Text="Modify" Icon="BulletGreen">
<Menu>
<ext:Menu ID="Menu3" runat="server" BoxMinWidth="110">
<Items>
<%----%>
<ext:MenuItem ID="MenuItem19" runat="server" Text="Modify Dates">
<DirectEvents>
<Click önEvent="MenuClick">
<ExtraParams>
<ext:Parameter Name="menutype" Value="Modifydatesstatus">
</ext:Parameter>
<ext:Parameter Name="Values" Value="Ext.encode(#{gvwOrderList}.getRowsValues())"
Mode="Raw" />
</ExtraParams>
</Click>
</DirectEvents>
</ext:MenuItem>
<ext:MenuItem ID="MenuItem20" runat="server" Text="Cancel Jobs">
<DirectEvents>
<Click önEvent="MenuClick">
<ExtraParams>
<ext:Parameter Name="menutype" Value="Canceljobs">
</ext:Parameter>
<ext:Parameter Name="Values" Value="Ext.encode(#{gvwOrderList}.getRowsValues())"
Mode="Raw" />
</ExtraParams>
</Click>
</DirectEvents>
</ext:MenuItem>
<%----%>
<ext:MenuItem ID="MenuItem22" runat="server" Text="Archive Jobs">
<DirectEvents>
<Click önEvent="MenuClick">
<ExtraParams>
<ext:Parameter Name="menutype" Value="Archivejobs">
</ext:Parameter>
<ext:Parameter Name="Values" Value="Ext.encode(#{gvwOrderList}.getRowsValues())"
Mode="Raw" />
</ExtraParams>
</Click>
</DirectEvents>
</ext:MenuItem>
</Items>
</ext:Menu>
</Menu>
</ext:MenuItem>
<ext:MenuItem ID="menuStatus" runat="server" Text="Status" Icon="BulletGreen">
<DirectEvents>
<Click önEvent="MenuStatus_OnEvent">
</Click>
</DirectEvents>
<%----%>
</ext:MenuItem>
<ext:MenuItem ID="MenuItem7" runat="server" Text="Notes" Icon="BulletGreen">
<Menu>
<ext:Menu ID="Menu5" runat="server" BoxMinWidth="110">
<Items>
<ext:MenuItem ID="MenuItem8" runat="server" Text="Write">
<DirectEvents>
<Click önEvent="MenuClick">
<ExtraParams>
<ext:Parameter Name="menutype" Value="note">
</ext:Parameter>
<ext:Parameter Name="Values" Value="Ext.encode(#{gvwOrderList}.getRowsValues())"
Mode="Raw" />
</ExtraParams>
</Click>
</DirectEvents>
</ext:MenuItem>
<ext:MenuItem ID="MenuItem9" runat="server" Text="View">
<DirectEvents>
<Click önEvent="MenuClick">
<ExtraParams>
<ext:Parameter Name="menutype" Value="viewnote">
</ext:Parameter>
<ext:Parameter Name="Values" Value="Ext.encode(#{gvwOrderList}.getRowsValues())"
Mode="Raw" />
</ExtraParams>
</Click>
</DirectEvents>
</ext:MenuItem>
</Items>
</ext:Menu>
</Menu>
</ext:MenuItem>
<ext:MenuItem ID="mnBulkUpload" runat="server" Text="Upload" Icon="BulletGreen">
<Menu>
<ext:Menu ID="mBulkUpload" runat="server" BoxMinWidth="110">
<Items>
<ext:MenuItem ID="mnBulkUploadDocument" runat="server" Text="Bulk Upload Document">
<DirectEvents>
<Click önEvent="MenuClick">
<ExtraParams>
<ext:Parameter Name="menutype" Value="bulkuploaddocument">
</ext:Parameter>
<ext:Parameter Name="Values" Value="Ext.encode(#{gvwOrderList}.getRowsValues())"
Mode="Raw" />
</ExtraParams>
</Click>
</DirectEvents>
</ext:MenuItem>
<ext:MenuSeparator ID="MenuSeparator1" runat="server" />
</Items>
</ext:Menu>
</Menu>
</ext:MenuItem>
<ext:MenuItem ID="menuExport" runat="server" Text="Export" Icon="BulletGreen">
<Menu>
<ext:Menu ID="Menu6" runat="server" BoxMinWidth="110">
<Items>
<%----%>
<ext:MenuItem ID="MenuItem15" runat="server" Text="Jobs to EZinspections" />
<ext:MenuItem ID="MenuItem16" runat="server" Text="Jobs to Property Preservation Wizard" />
<%----%>
<ext:MenuItem ID="MenuItem2" runat="server" Text="To CSV" Icon="PageAttach" önClick="ToCsv"
AutoPostBack="true">
<Listeners>
<Click Handler="saveData(#{gvwOrderList}, #{GridData});" />
</Listeners>
</ext:MenuItem>
<ext:MenuItem ID="miToExcel" runat="server" Text="To Excel" Icon="PageExcel" önClick="ToExcel"
AutoPostBack="true">
<Listeners>
<Click Handler="saveData(#{gvwOrderList}, #{GridData});" />
</Listeners>
</ext:MenuItem>
</Items>
</ext:Menu>
</Menu>
</ext:MenuItem>
<ext:MenuItem ID="menuImport" runat="server" Text="Import" Icon="BulletGreen">
<Menu>
<ext:Menu ID="Menu7" runat="server" BoxMinWidth="110">
<Items>
<ext:MenuItem ID="MenuItem24" runat="server" Text="Import">
<DirectEvents>
<Click önEvent="MenuClick">
<ExtraParams>
<ext:Parameter Name="menutype" Value="Import">
</ext:Parameter>
<ext:Parameter Name="Values" Value="Ext.encode(#{gvwOrderList}.getRowsValues())"
Mode="Raw" />
</ExtraParams>
</Click>
</DirectEvents>
</ext:MenuItem>
<ext:MenuItem ID="MenuItem25" runat="server" Text="Importation Log" />
</Items>
</ext:Menu>
</Menu>
</ext:MenuItem>
<ext:MenuItem ID="mnPrint" runat="server" Text="Print" Icon="BulletGreen">
<Menu>
<ext:Menu ID="mPrint" runat="server" BoxMinWidth="110">
<Items>
<ext:MenuItem ID="MenuItem27" runat="server" Text="Order Summary">
<DirectEvents>
<Click önEvent="MenuClick">
<ExtraParams>
<ext:Parameter Name="menutype" Value="printordersummary">
</ext:Parameter>
<ext:Parameter Name="Values" Value="Ext.encode(#{gvwOrderList}.getRowsValues())"
Mode="Raw" />
</ExtraParams>
</Click>
</DirectEvents>
</ext:MenuItem>
<ext:MenuSeparator ID="MenuSeparator2" runat="server" />
<ext:MenuItem ID="MenuItem28" runat="server" Text="Form Only">
<DirectEvents>
<Click önEvent="MenuClick">
<ExtraParams>
<ext:Parameter Name="menutype" Value="printformonly">
</ext:Parameter>
<ext:Parameter Name="Values" Value="Ext.encode(#{gvwOrderList}.getRowsValues())"
Mode="Raw" />
</ExtraParams>
</Click>
</DirectEvents>
</ext:MenuItem>
<ext:MenuSeparator ID="MenuSeparator3" runat="server" />
<ext:MenuItem ID="MenuItem29" runat="server" Text="Attachments Only">
<DirectEvents>
<Click önEvent="MenuClick">
<ExtraParams>
<ext:Parameter Name="menutype" Value="printattachmentonly">
</ext:Parameter>
<ext:Parameter Name="Values" Value="Ext.encode(#{gvwOrderList}.getRowsValues())"
Mode="Raw" />
</ExtraParams>
</Click>
</DirectEvents>
</ext:MenuItem>
<ext:MenuSeparator ID="MenuSeparator4" runat="server" />
<ext:MenuItem ID="MenuItem30" runat="server" Text="Forms with Attachments">
<DirectEvents>
<Click önEvent="MenuClick">
<ExtraParams>
<ext:Parameter Name="menutype" Value="printformwithattachment">
</ext:Parameter>
<ext:Parameter Name="Values" Value="Ext.encode(#{gvwOrderList}.getRowsValues())"
Mode="Raw" />
</ExtraParams>
</Click>
</DirectEvents>
</ext:MenuItem>
<ext:MenuSeparator ID="MenuSeparator5" runat="server" />
</Items>
</ext:Menu>
</Menu>
</ext:MenuItem>
<ext:MenuItem ID="menuMaps" runat="server" Text="Maps" Icon="BulletGreen">
<Menu>
<ext:Menu ID="Menu9" runat="server" BoxMinWidth="110">
<Items>
<ext:MenuItem ID="MenuItem33" runat="server" Text="Show Map">
<DirectEvents>
<Click önEvent="MenuClick">
<ExtraParams>
<ext:Parameter Name="menutype" Value="Showmap">
</ext:Parameter>
<ext:Parameter Name="Values" Value="Ext.encode(#{gvwOrderList}.getRowsValues())"
Mode="Raw" />
</ExtraParams>
</Click>
</DirectEvents>
</ext:MenuItem>
<ext:MenuItem ID="MenuItem34" runat="server" Text="Add Map Address">
<DirectEvents>
<Click önEvent="MenuClick">
<ExtraParams>
<ext:Parameter Name="menutype" Value="AddMapAddress">
</ext:Parameter>
<ext:Parameter Name="Values" Value="Ext.encode(#{gvwOrderList}.getRowsValues())"
Mode="Raw" />
</ExtraParams>
</Click>
</DirectEvents>
</ext:MenuItem>
</Items>
</ext:Menu>
</Menu>
</ext:MenuItem>
</Items>
</ext:Menu>
<ext:Button ID="btnSaveSettings" runat="server" Icon="Add" Text="Save settings">
<Listeners>
<Click Handler="SaveSettings()" />
</Listeners>
</ext:Button>
<ext:Panel runat="server" Border="false">
<Content>
<div style="width:70px; padding-removed20px;background-color:#CEDDEF;border:solid 1px #CEDDEF;">Sorting order:</div>
</Content>
</ext:Panel>
<%----%>
<ext:ToolbarSeparator runat="server" />
<ext:SplitButton ID="SplitButton2"
runat="server"
Text="Vendor"
Icon="SortAscending"
önClientClick="sort(this, true);"
SortData="={{field:'VendorName',direction:'ASC'}}"
Reorderable="true">
<Menu>
<ext:Menu ID="Menu4" runat="server">
<Items>
<ext:MenuItem ID="MenuItem3" runat="server" Text="Remove" önClientClick="remove(this);" />
</Items>
</ext:Menu>
</Menu>
</ext:SplitButton>
<ext:SplitButton ID="SplitButton1"
runat="server"
Text="3P Staff"
Icon="SortDescending"
önClientClick="sort(this, true);"
SortData="={{field:'StaffName',direction:'DESC'}}"
Reorderable="true">
<Menu>
<ext:Menu ID="Menu2" runat="server">
<Items>
<ext:MenuItem ID="MenuItem1" runat="server" Text="Remove" önClientClick="remove(this);" />
</Items>
</ext:Menu>
</Menu>
</ext:SplitButton>
</Items>
<Plugins>
<ext:ToolbarReorderer runat="server">
<Listeners>
<Reorder Fn="sort" />
</Listeners>
</ext:ToolbarReorderer>
<ext:ToolbarDroppable ID="ToolbarDroppable1" runat="server">
<CreateItem Fn="createItem" />
<CanDrop Fn="canDrop" />
</ext:ToolbarDroppable>
</Plugins>
<Listeners>
<%----%>
<%----%>
</Listeners>
</ext:Toolbar>
</TopBar>
<Plugins>
<ext:GridFilters runat="server" ID="GridFilters1">
<Filters>
<ext:StringFilter DataIndex="City" />
<ext:StringFilter DataIndex="State" />
<ext:StringFilter DataIndex="Zip" />
<ext:StringFilter DataIndex="ClientName" />
<ext:StringFilter DataIndex="ClientDueDate" />
<ext:StringFilter DataIndex="VendorName" />
<ext:StringFilter DataIndex="StaffName" />
<ext:StringFilter DataIndex="OrderStatus" />
<ext:StringFilter DataIndex="BatchNumber" />
<ext:StringFilter DataIndex="ProductCode" />
</Filters>
</ext:GridFilters>
</Plugins>
<LoadMask ShowMask="true" Msg="Loading Data..." AutoDataBind="false" />
<BottomBar>
<%----%>
<ext:PagingToolbar ID="ordersPagingToolbar" runat="server" PageSize="10" ActiveIndex="0">
<Items>
<ext:Label ID="lblPageSize" runat="server" Text="Page size:" />
<ext:ToolbarSpacer ID="ToolbarSpacer3" runat="server" Width="10" />
<ext:ComboBox ID="ddlPagesize" runat="server" Width="80">
<Items>
<ext:ListItem Text="10" />
<ext:ListItem Text="20" />
<ext:ListItem Text="50" />
<ext:ListItem Text="100" />
<ext:ListItem Text="200" />
</Items>
<SelectedItem Value="10" />
<Listeners>
<Select Handler="#{ordersPagingToolbar}.pageSize = parseInt(this.getValue()); #{ordersPagingToolbar}.doLoad();" />
</Listeners>
</ext:ComboBox>
</Items>
</ext:PagingToolbar>
</BottomBar>
<%----%>
</ext:GridPanel>
This is my Grid mark up.
Please help me to get rid of the problem
Submit an article or tip