This section is a step-by step tutorial which describes how to integrate RadControls in ASP.NET MVC Web Application.
1. Open Visual Studio 2008 and create a new ASP.NET MVC Web Application. Make sure you have installed ASP.NET MVC Beta 1 first. You can
get it from here.
2. RadControls for ASP.NET Ajax need a Script Manager control to be added in the page. Drag and drop a RadScriptManager control from your Visual Studio toolbox (or add it declaratively) to a view
page to a master page.
 |
We recommend placing the RadScriptManager at the end of the master page - just before the closing
</body> tag. |
3. Register the HTTP handler required by RadScriptManager by either
- clicking on the “Register Telerik.Web.UI.WebResource.axd” smart tag option:
- pasting the following in your web.config inside the <httpHandlers /> tag:
| [web.config] |
 Copy Code |
|
<add path="Telerik.Web.UI.WebResource.axd" type="Telerik.Web.UI.WebResource"
verb="*" validate="false" />
|
and the following inside the <handlers /> tag:
| [web.config] |
Copy Code |
|
<add name="Telerik_Web_UI_WebResource_axd" verb="*"
preCondition="integratedMode" path="Telerik.Web.UI.WebResource.axd"
type="Telerik.Web.UI.WebResource" />
|
4. Add any RadControl to your View Page. Check the additional resources for more specific guidelines on how to use
RadControls in ASP.NET MVC. In this example RadMenu will be used.
| [ASPX] RadMenu declaration |
Copy Code |
|
<telerik:RadMenu runat="server" ID="RadMenu1" Skin="Web20">
<Items>
<telerik:RadMenuItem Text="Home" NavigateUrl='<%#
Url.Action("Index", "Home") %>' />
<telerik:RadMenuItem Text="About" NavigateUrl='<%#
Url.Action("About", "Home") %>' />
</Items>
</telerik:RadMenu>
|
5. Databinding expressions ( <%# %>) are used to specify the NavigateUrl of the item. This is required in order to retrieve the correct URL to the
specified action and controller. The proper resolution of databinding expressions requires a call to the DataBind method of RadMenu. Let’s add one:
| [ASPX] Using databinding expressions |
Copy Code |
|
<%
RadMenu1.DataBind();
%>
<telerik:RadMenu runat="server"
ID="RadMenu1" Skin="Web20">
<Items>
<telerik:RadMenuItem Text="Home" NavigateUrl='<%#
Url.Action("Index", "Home") %>' />
<telerik:RadMenuItem Text="About" NavigateUrl='<%#
Url.Action("About", "Home") %>' />
</Items>
</telerik:RadMenu>
|
6. Build and run. This is how the final result should look like:
Clicking on the menu items should navigate to the proper controller actions (Home and About in this example).