组件/与帮助者共事

新Telerik UI for ASP。NET MVC?下载30天免费试用

基本面

Telerik UI for ASP。NET MVCis a set of server-side wrappers (HTML helpers) that allow you to use the Kendo UI widgets in .NET MVC.

有关帮助程序和小部件之间区别的更多信息，请参阅Telerik UI for ASP。NET MVCintroduction article．

从jQuery 3.0发行版开始，文档准备处理程序是异步调用的．因此，无论文档在执行时是否准备好，放置在文档准备处理程序外部的代码都会在处理程序内部的代码之前执行。此更改影响了用于ASP的Telerik UI的使用。NET MVCcomponents because the widgets for the MVC helpers are initialized in a document-ready handler. This means that after the jQuery 3.0 release you need to get the reference of a widget and its API calls within a document-ready handler.

基本配置

的HtmlHelperextension方法公开所有Telerik UI HTML帮助程序。

用户界面为ASP。NET MVCHTML Helper extension method

助手选项通过连贯接口．

用户界面为ASP。NET MVCApplying the fluent interface

若要为助手设置选项，请调用相应的方法并传递所需的选项值。

@(Html.Kendo().NumericTextBox() . name ("name") //设置NumericTextBox的名称. . value(10) //设置值. . spinners (false) //禁用spinners。)

你必须设置的名字辅助程序的选项。该值将用作id而且的名字HTML属性的名字属性仅为输入帮助程序设置，如DatePicker、NumericTextBox和DropDownList。的id属性用于初始化帮助器。id (的名字)必须符合有效HTML的要求ID属性。它不能包含空格和特殊字符，必须以字母开头。

的的名字助手的选项必须在整个网页的上下文中始终是唯一的。如果一个部分视图被加载多次，这个部分视图的每个实例都必须呈现所有的helper的名字(id)选项。如果不满足这一要求，页面将呈现重复的元素id，只有标记中最先出现的helper实例将被初始化并正常工作。

用户界面为ASP。NET MVCA sample server-side wrapper name

或者，您也可以使用NumericTextBoxFor辅助方法。函数可以初始化所有接受值的Telerik UI帮助程序(WidgetName)方法。例如，要初始化DatePicker，使用DatePickerFor．这些方法自动设置的名字的，因此不需要显式地设置它。这样，@Html.Kendo()。(model => model. age)和.NumericTextBox @Html.Kendo () () . name(“年龄”)value (Model.Age)．

延迟初始化

默认情况下，帮助程序在小部件的HTML标记之后立即输出小部件初始化脚本。这种情况可能并不总是理想的——例如，如果脚本文件注册在页面底部，或者当嵌套小部件时。

延迟初始化:

  1. 调用递延辅助程序的方法。这种方法抑制了脚本语句的立即呈现。

    @(Html.Kendo().NumericTextBox() .Name("age") .Deferred())

  2. 调用DeferredScripts方法。因此，所有以前延迟的初始化语句都将被输出。

    .DeferredScripts @Html.Kendo () ()

    的DeferredScripts方法接受一个布尔形参，该形参决定脚本元素是否会自动呈现。此行为对于在现有脚本元素中呈现延迟初始化脚本非常有用。

     . >

  3. 方法呈现特定帮助器的延迟初始化脚本DeferredScriptsFor方法。

    @ (Html.Kendo () .NumericTextBox () . name(“年龄”).Deferred ()) < !——其他代码——> @Html.Kendo().DeferredScriptsFor("age")

    你也可以使用DeferredScriptsFor方法抑制的输出脚本初始化脚本周围的元素。

    脚本> < @Html.Kendo()。DeferredScriptsFor("age", false)

事件处理

要订阅由帮助程序公开的客户端事件，请使用事件方法。

  1. 指定处理事件的JavaScript函数的名称。

    @(Html.Kendo(). numerictextbox (). name ("age") . events (events => events. change ("age_change") //处理"change"事件. . spin ("age_spin") //处理"spin"事件。)）

  2. 声明事件处理程序。