Feb 21, 2012, 9:05 AM
Grid Panel page size automatically increases
Hi
When I click on save button for the first time the grid panel size increases after adding the record, even I have specified the page size.
Now If i click on next(Paging toolbar), then the gridpanel page size adjust automatically(pagesize=5).
If I now click on save button to add record then grid panel size will not increase.
In short, when data is inserted first time at that time gridpanel page size increases....
Please help....
Code behind...
Vaishali Khatri
When I click on save button for the first time the grid panel size increases after adding the record, even I have specified the page size.
Now If i click on next(Paging toolbar), then the gridpanel page size adjust automatically(pagesize=5).
If I now click on save button to add record then grid panel size will not increase.
In short, when data is inserted first time at that time gridpanel page size increases....
Please help....
<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="UsergroupList.aspx.cs" Inherits="SPA_SCHEDULER.UsergroupList" %>
<%@ Register Assembly="Ext.Net" Namespace="Ext.Net" TagPrefix="ext" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" >
<head runat="server">
<title>Untitled Page</title>
<script type="text/javascript">
var showResult = function (btn)
{
if (btn == "yes")
Ext.net.DirectMethods.CommitDelete();
}
</script>
</head>
<body>
<form id="form1" runat="server">
<ext:ResourceManager ID="ResourceManager1" runat="server">
</ext:ResourceManager>
<ext:Store ID="UserGroupStore" runat="server" >
<Reader>
<ext:JsonReader IDProperty="UserGroupId">
<Fields>
<ext:RecordField Name="UserGroupId"></ext:RecordField>
<ext:RecordField Name="UserGroupName" />
<ext:RecordField Name="Description" />
</Fields>
</ext:JsonReader>
</Reader>
</ext:Store>
<ext:Viewport runat="server" >
<Items>
<ext:GridPanel ID="GridUserGroup" runat="server" StoreID="UserGroupStore" Border="false" Height="545">
<ColumnModel>
<Columns>
<ext:Column DataIndex="UserGroupName" Header="User Name" Width="125"></ext:Column>
<ext:Column DataIndex="Description" Header="Description" Width="200"></ext:Column>
<ext:CommandColumn>
<Commands>
<ext:GridCommand CommandName="Edit" Icon="ApplicationEdit">
<ToolTip Text="Edit" />
</ext:GridCommand>
<ext:GridCommand CommandName="Delete" Icon="Delete">
<ToolTip Text="Delete" />
</ext:GridCommand>
</Commands>
</ext:CommandColumn>
</Columns>
</ColumnModel>
<DirectEvents>
<Command OnEvent="ShowDetails">
<EventMask ShowMask="true" />
<ExtraParams>
<ext:Parameter Name="command" Value="command" Mode="Raw"/>
<ext:Parameter Name="Id" Value="record.id" Mode="Raw"/>
</ExtraParams>
</Command>
</DirectEvents>
<BottomBar>
<ext:PagingToolbar ID="PagingToolbar1" runat="server" PageSize="5" StoreID="UserGroupStore" AutoDataBind="true">
</ext:PagingToolbar>
</BottomBar>
<TopBar>
<ext:Toolbar ID="Toolbar1" runat="server">
<Items>
<ext:Label ID="lblMessage" runat="server">
</ext:Label>
<ext:ToolbarFill ID="ToolbarFill1" runat="server"></ext:ToolbarFill>
<ext:Button ID="btnAdd" runat="server" Text="Add" Icon="Add">
<DirectEvents>
<Click OnEvent="Add"></Click>
</DirectEvents>
</ext:Button>
</Items>
</ext:Toolbar>
</TopBar>
</ext:GridPanel>
</Items>
</ext:Viewport>
<ext:Window ID="winUsergroup" Hidden="true" runat="server" Collapsible="false" Height="225"
Width="370" Resizable="true" Layout="FitLayout">
<Items>
<ext:FormPanel ID="frmUserGroup" runat="server" Height="200" Title="User Group" Padding="15" >
<Items>
<ext:TextField ID="txtUserGroupName" runat="server" FieldLabel="User Group"
AllowBlank="false" Width="200" BlankText="Required field" MsgTarget="Side" >
</ext:TextField>
<ext:TextArea ID="txtDescription" runat="server" FieldLabel="Description" Width="200" >
</ext:TextArea>
</Items>
<Buttons>
<ext:Button ID="btnSave" runat="server" Icon="Disk" Text="Save">
<DirectEvents>
<Click OnEvent="Save" Before="if(!#{frmUserGroup}.getForm().isValid()) return false;">
<Confirmation ConfirmRequest="true" Title="Confirm" Message="Are you sure you want to save the record?"/>
<EventMask ShowMask="true" MinDelay="500" Msg="Saving record..." />
</Click>
</DirectEvents>
</ext:Button>
<ext:Button ID="btnUpdate" runat="server" Icon="Disk" Text="Update">
<DirectEvents>
<Click OnEvent="Update" Before="if(!#{frmUserGroup}.getForm().isValid()) return false;">
<Confirmation ConfirmRequest="true" Title="Confirm" Message="Are you sure you want to modify the record?" />
<EventMask ShowMask="true" MinDelay="500" Msg="Updating record..." />
</Click>
</DirectEvents>
</ext:Button>
</Buttons>
</ext:FormPanel>
</Items>
</ext:Window>
</form>
</body>
</html>
Code behind...
protected void Save(object sender, DirectEventArgs e)
{
AssignData(objusergrp);
objusergrp.Insert();
this.winUsergroup.Hide();
BindGrid();
lblMessage.Text = "Record saved Successfully...";
}
Vaishali Khatri