Refresh Rad Grid After Save Button Clicked
Here is a sample code when save button is clicked then it refreshes the RAD Grid.
I am gonna put RAD Grid in panel.
<asp:Panel runat="server" ID="UsersPanel">
<telerik:RadGrid AutoGenerateColumns="False" ID="RadGrid_Users" PageSize="10" AllowCustomPaging="true"
EnableViewState="true" AllowFilteringByColumn="True" AllowPaging="True" AllowSorting="True"
runat="server" Skin="Vista"
OnNeedDataSource="RadGrid_Users_OnNeedDataSource">
<PagerStyle Mode="NextPrevAndNumeric" />
<GroupingSettings CaseSensitive="false" />
<MasterTableView TableLayout="Fixed" DataKeyNames="User_id">
<NoRecordsTemplate>
<div>
No records to display.</div>
</NoRecordsTemplate>
<Columns>
<telerik:GridNumericColumn Aggregate="Count" HeaderText="User_id" DataField="User_id"
UniqueName="Customer_id" SortExpression="User_id" HeaderStyle-Width="50px" FilterControlWidth="50px"
AutoPostBackOnFilter="true" CurrentFilterFunction="equalto" ShowFilterIcon="true" FilterListOptions="VaryByDataType"
Display="false">
</telerik:GridNumericColumn>
<telerik:GridBoundColumn HeaderText="Navn" DataField="Name" UniqueName="Name"
SortExpression="Name" HeaderStyle-Width="120px" FilterControlWidth="100px" FilterListOptions="VaryByDataType"
AutoPostBackOnFilter="true" CurrentFilterFunction="Contains" ShowFilterIcon="true">
</telerik:GridBoundColumn>
</Columns>
</MasterTableView>
<ClientSettings EnablePostBackOnRowClick="true">
<Selecting AllowRowSelect="True" />
</ClientSettings>
</telerik:RadGrid>
</asp:Panel>
<telerik:RadButton ID="Button_Save" runat="server" Text="Gem" Width="125px" OnClick="Button_Save_Click"
Skin="Office2007" />
In RadAjaxManager define which control you want to update.Here give Control ID of panel.
<telerik:RadAjaxManager ID="RadAjaxManager1" EnableAJAX="true" runat="server" >
<AjaxSettings>
<telerik:AjaxSetting AjaxControlID="UsersPanel">
<UpdatedControls>
<telerik:AjaxUpdatedControl ControlID="UsersPanel" LoadingPanelID="RadAjaxLoadingPanel1"/>
</UpdatedControls>
</telerik:AjaxSetting>
<telerik:AjaxSetting AjaxControlID="Button_Save" >
<UpdatedControls>
<telerik:AjaxUpdatedControl ControlID="UsersPanel" LoadingPanelID="RadAjaxLoadingPanel1"/>
</UpdatedControls>
</telerik:AjaxSetting>
</AjaxSettings>
<ClientEvents OnRequestStart="RequestStart" OnResponseEnd="ResponseEnd" />
</telerik:RadAjaxManager>
<telerik:RadAjaxLoadingPanel runat="server" ID="RadAjaxLoadingPanel1"
Skin="Windows7" Transparency="20" />
<telerik:RadCodeBlock ID="RadCodeBlock1" runat="server">
<script type="text/javascript">
function RequestStart(sender, eventArgs) {
var eventTarget = eventArgs.get_eventTarget();
if (eventTarget.indexOf("Button_Save_Click") != -1) {
eventArgs.set_enableAjax(false);
}
}
function ResponseEnd(sender, eventArgs) {
}
</script>
</telerik:RadCodeBlock>
Have Fun ;)
Excellent post Waqar, keep it up.....
ReplyDelete