New to Telerik UI for ASP.NET AJAX? Download free 30-day trial

Dynamic AjaxSettings

Next database reset in 33 minutes, 23 seconds

Add new employee Delete selected employee Refresh employees list

	Employee ID	First Name	Last Name	Title	Title Of Courtesy	Birth Date	Notes


27	SERGIO	asfsfsdfs	yyy5555	Dr.
34	asdasdssad	Chutiya Gaandoz	rrrrr34hhhhxxsss
35	test-napo	TTnnffffff - not yet	Golden
36	15	kkkkkkkkllkskfdsfds	Javítva
37	Billy0000f	Bobfpfdfdfffffffffff	Tehexxxfffffffffffff
41	HH	H		Mr	HH
42	mario	sssss	sdfg
43	qwqq	wqAA	wq
45	a	a	a
46	bb	bbG	bb
47	wrqewq	weqwe	eqweqw
48	weqeqw	eqewqw	eqweq
49	wrqewq	sdadasdsadasdasdasds	asdasdsaaaaaaaaaaaaa
50	Hernan	Dario	Dr.
51	JFGJ555	FHJKJHF	FHKHK
52	Hernan	Dario	Dr.
53	123	123	123
54	aaaa	dddd444	uuuuuuu
55	123	123	12345
56	Testa	Me	Now
57	a	a	ddxasdsad
58	Pa	Bas
59	dd	dd	ddddd
60	Test	Smith	Sales
62	a	a	a
63	Test	Test	Test
64	55	85	48
68	1e2e	21e	e21e2
69	34	1	1
70	sofia	yool	yo
72	Y	G	Y
73	a	b	my title
75	aaaaaa	aa	aaa
78	test	test	test
79	test	test	test
80	pk	pj	g
82	1	1	1
83	pk1	1	1
84	a	d	b
85	1	1jj	1
86	j	j	jkjkjkjkjkjkj
87	aaaaxxxx	ccccc	qqqqq
88	222	222	2222
89	FDSG	DSFGSDFGSDFGFD	SDFGFGFGDFads	test
90	Billy	Bob	friend
91	th	Test	r
92	xxxxx	hj	gh	Dr.
93	1	1	1
94	asdas	sasdasda	ASAsda
95	asdasd	dasda	dasda
96	dasd	adasd	asdadsa
97	tt	tt	ttt
98	Cm n en j	No nbv	El JVC
99	sf	ádas	áda
102	23	23		Mr.
103	23	23	23
104	523	121	12
105	12	1212	1212
106	miguel	111	111
107	asd	asd	asd
108	asda	asda	asd
109	a	a	a
110	dani	ginanjar	ST
111	aaaaa	bbbbb	cccccd
112	xx	xx	xx
113	james	edward	Hello
114	My	Name	Hello
116	Joe	Tester		Admin
118	13231231	fff	ggg
119	l	r	ll
120	f	f	f
121	eqw	hkheqjkehjqw	ioqwu
122	Ed	Smith	Friend
123	ra	ty	rr
124	a	a	a
125	tgiuh	uhuhoi		Mr.
126	asd	asd		asd	asd
127	asd	asd		asd	asd
128	asd2	asd2		asd	asd2
129	test123	test123	test123
130	asdfasd	afdasd		fasdfas	fasdfasdf
131	asd	asd	asd
132	дса	дса	дса
133	дса	сда	сда
134	dsa	sad happy	sda
135	Test	Test	Test
136	aa	aa	a
137	fedddd	emmanuel	knlkkerrrrrrrrr
138	Xtra1	Condo	my titles
139	aa	bb	cc
140	test	again	Mr
141	s	s	s
142	1	134_1		Dr.
143	asdfsss	asdfsss	asdf
144	josh	josh		joshy	josk
145	lll	kkk	xxxx	Ms.
146	test	test	1
147	fds	sfsfd	sdf
148	4324324sd	dsadas	dsadasdasdas
149	ejemplo	ejemplo
150	cc	cccc	cc

About this demo
C#
VB
Download demo code files
Isolate this demo as a stand-alone application

This example demonstrates how to perform edit/update/delete/insert operations in RadGrid using an external form for this purpose.

The sample focuses on how to AJAX-enable a RadGrid control programmatically (when residing in a user control) and use the edit/add buttons in the grid individually (intercepting the ItemCreated server event of the control - see the RadAjaxManager -> Partial Ajaxificationdemo for reference). The sample also illustrates how to change the declaratively set AJAX settings for the update/delete/insert buttons from the external form to update the grid instance instead of the form itself. This is done by intercepting the OnAjaxSettingCreating event of the RadAjaxManager in which we determine the initiator of the AJAX request and change the updated control dynamically.

Click the Edit icon in a grid row to edit its date in an external form.
Click the 'Add new employee' button in the command item to insert a new grid row through an external form.
Delete grid items by either selecting a row and clicking the 'Delete selected employee' link at the top of the grid or choose to edit a row and then press the 'Delete' button from the external form.

<%@ Page Language="vb" CodeFile="defaultvb.aspx.vb" AutoEventWireup="false" 
    Inherits="Telerik.AjaxManager.ServerSideProgramming.DynamicAjaxSettings.DefaultVB" %>
 
<%@ Register TagPrefix="telerik" Namespace="Telerik.Web.UI" Assembly="Telerik.Web.UI" %>
<%@ Register Src="EmployeesGridVB.ascx" TagName="EmployeesGrid" TagPrefix="uc1" %>
<%@ Register TagPrefix="qsf" Namespace="Telerik.QuickStart" %>
<!DOCTYPE html>
<html xmlns='http://www.w3.org/1999/xhtml'>
<head runat="server">
    <title>Telerik ASP.NET Example</title>
    <link href='<%= HttpUtility.HtmlEncode(Telerik.Web.SkinRegistrar.GetWebResourceUrl(Page,GetType(RadEditor), "Telerik.Web.UI.Skins.Editor.css")) %>'
        rel="stylesheet" type="text/css" />
    <link href="styles.css" rel="stylesheet" type="text/css" />
</head>
<body>
    <form id="form1" runat="server">
    <telerik:RadScriptManager runat="server" ID="RadScriptManager1" />
    <telerik:RadSkinManager ID="RadSkinManager1" runat="server" ShowChooser="true" />
    <div class="demo-container">
        <telerik:RadCodeBlock ID="RadCodeBlock1" runat="server">
            <script type="text/javascript" src="scripts.js"></script>
        </telerik:RadCodeBlock>
 
        <telerik:RadAjaxManager ID="RadAjaxManager1" runat="server" OnAjaxSettingCreating="RadAjaxManager1_AjaxSettingCreating">
            <AjaxSettings>
                <telerik:AjaxSetting AjaxControlID="btnSaveChanges">
                    <UpdatedControls>
                        <telerik:AjaxUpdatedControl ControlID="DivExternalForm" LoadingPanelID="RadAjaxLoadingPanel1" />
                    </UpdatedControls>
                </telerik:AjaxSetting>
                <telerik:AjaxSetting AjaxControlID="btnDelete">
                    <UpdatedControls>
                        <telerik:AjaxUpdatedControl ControlID="DivExternalForm" LoadingPanelID="RadAjaxLoadingPanel1" />
                    </UpdatedControls>
                </telerik:AjaxSetting>
            </AjaxSettings>
        </telerik:RadAjaxManager>
 
        <telerik:RadAjaxLoadingPanel ID="RadAjaxLoadingPanel1" runat="server" />
 
        <telerik:RadWindowManager RenderMode="Lightweight" ID="RadWindowManager1" runat="server" />
 
        <uc1:EmployeesGrid ID="EmployeesGrid1" runat="server" />
 
        <div id="DivExternalForm" runat="server" class="editPanel">
            <asp:Panel ID="pnlExternalForm" runat="server" Visible="false">
                <table border="0" style="margin-top: 20px; width: 100%;">
                    <tr>
                        <td colspan="2">
                            <div class="buttonsContainer">
                                <telerik:RadButton RenderMode="Lightweight" ID="btnSaveChanges" Text="Save" runat="server" OnClientClicked="processUpdate"
                                    OnClick="SaveChanges_Click" />
                                <telerik:RadButton RenderMode="Lightweight" ID="btnDelete" OnClientClicked="processDelete" Text="Delete"
                                    runat="server" OnClick="Delete_Click" />
                            </div>
                        </td>
                    </tr>
                    <tr>
                        <td style="width: 100px;">Employee ID:
                        </td>
                        <td>
                            <asp:Label ID="EmployeeID" runat="server" />
                        </td>
                    </tr>
                    <tr>
                        <td>Last name:
                        </td>
                        <td>
                            <telerik:RadTextBox RenderMode="Lightweight" ID="LastName" runat="server" />
                        </td>
                    </tr>
                    <tr>
                        <td>First name:
                        </td>
                        <td>
                            <telerik:RadTextBox RenderMode="Lightweight" ID="FirstName" runat="server" />
                        </td>
                    </tr>
                    <tr>
                        <td>Title:
                        </td>
                        <td>
                            <telerik:RadTextBox RenderMode="Lightweight" ID="Title" runat="server" />
                        </td>
                    </tr>
                    <tr>
                        <td>Title of courtesy:
                        </td>
                        <td>
                            <telerik:RadComboBox RenderMode="Lightweight" ID="TitleOfCourtesy" runat="server">
                                <Items>
                                    <telerik:RadComboBoxItem Text="" Value="" />
                                    <telerik:RadComboBoxItem Text="Dr." Value="Dr." />
                                    <telerik:RadComboBoxItem Text="Mr." Value="Mr." />
                                    <telerik:RadComboBoxItem Text="Mrs." Value="Mrs." />
                                    <telerik:RadComboBoxItem Text="Ms." Value="Ms." />
                                </Items>
                            </telerik:RadComboBox>
                        </td>
                    </tr>
                    <tr>
                        <td>Birth date:
                        </td>
                        <td>
                            <telerik:RadDatePicker RenderMode="Lightweight" ID="BirthDate" MinDate="01/01/1900" runat="server" />
                        </td>
                    </tr>
                    <tr>
                        <td style="vertical-align: top;">Notes:
                        </td>
                        <td style="height: 300px; vertical-align: top;">
                            <telerik:RadEditor RenderMode="Lightweight" ID="Notes" Width="400px" runat="server" Height="250px">
                                <Tools>
                                    <telerik:EditorToolGroup>
                                        <telerik:EditorTool Name="Italic" />
                                        <telerik:EditorTool Name="Bold" />
                                        <telerik:EditorTool Name="Underline" />
                                        <telerik:EditorTool Name="StrikeThrough" />
                                        <telerik:EditorTool Name="JustifyLeft" />
                                        <telerik:EditorTool Name="JustifyCenter" />
                                        <telerik:EditorTool Name="JustifyRight" />
                                        <telerik:EditorTool Name="JustifyFull" />
                                    </telerik:EditorToolGroup>
                                </Tools>
                            </telerik:RadEditor>
                        </td>
                    </tr>
                </table>
            </asp:Panel>
        </div>
    </div>
    </form>
</body>
</html>

Support & Learning Resources

Find Assistance

Submit a support ticket if you have an active license or trial
Post in the forum if you don't have access to support

Dynamic AjaxSettings

Related Resources

Support & Learning Resources

Find Assistance