Wednesday, May 16, 2012

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 ;)





1 comment:

Earn Money ! Affiliate Program
Open Directory Project at dmoz.org