面向ASP的Telerik UI。网络核心免费下载30天试用版

方法和事件

ASP的Telerik UI的客户端对象。网络核心helpers provide methods and events that you can use to query or modify their state at runtime.

使用方法

要使用辅助程序的方法,您必须通过以下任何一种方法获取对特定辅助程序实例的引用:

jQuery的数据方法

要获取对helper实例的引用,请使用jQuery数据方法,并将插件名称作为字符串传递(Telerik UI为ASP封装的Kendo UI小部件)。. NET Core都是jQuery插件)。

@(Html.Kendo().AutoComplete() .Name("animals") .BindTo(新字符串[]{"Ant", "Antilope", "Badger"}))
@addTagHelper *,剑道。Mvc @{var animals_data = new List(){“Ant”,“Antilope”,“Badger”};}  
美元(文档)。ready(function(){//检索助手实例。var autoCompleteWidget = $("#animals").data("kendoAutoComplete");console.log (autoCompleteWidget);});

getKendo方法

要获取对helper实例的引用,还可以使用getKendo < WidgetName >方法。

@(Html.Kendo().AutoComplete() .Name("animals") .BindTo(新字符串[]{"Ant", "Antilope", "Badger"}))
@addTagHelper *,剑道。Mvc @{var animals_data = new List(){“Ant”,“Antilope”,“Badger”};}  
美元(文档)。ready(function(){//检索助手实例。var autoCompleteWidget = $("#animals").getKendoAutoComplete();console.log (autoCompleteWidget);});

JavaScript方法语法

在helper实例可用之后,您可以使用标准JavaScript方法语法调用它的方法。控件中提供了小部件方法和方法参数的完整列表和示例API参考部分。如果将返回helper实例的代码返回未定义的,则helper尚未初始化。例之前执行的代码引用实例可能会出现这样的问题document.ready处理程序。

@(Html.Kendo().AutoComplete() .Name("animals") .BindTo(新字符串[]{"Ant", "Antilope", "Badger"}))
@addTagHelper *,剑道。Mvc @{var animals_data = new List(){“Ant”,“Antilope”,“Badger”};}  
美元(文档)。ready(function(){//当helper实例可用时检索它。var autoCompleteWidget = $("#animals").data("kendoAutoComplete");//聚焦自动完成。autoCompleteWidget.focus ();});

处理小部件事件

根据其特定的功能,每个组件公开不同的事件。例如,AutoComplete helper触发器改变关闭数据绑定等等。您也可以传递事件处理程序在helper初始化期间在helper初始化之后.当您使用asp.net的Telerik UI的事件时。. NET Core助手,你也可以使用事件处理程序参数防止事件,从事件中解除绑定

初始化过程中的绑定事件

在helper初始化期间附加的事件处理程序将在每次触发事件时执行。

@(Html.Kendo().AutoComplete() .Name("animals") .BindTo(新字符串[]{"Ant", "Antilope", "Badger"}) .Events(e => {e. change ("onChange");}))
@addTagHelper *,剑道。Mvc @{var animals_data = new List(){“Ant”,“Antilope”,“Badger”};}  
function onChange(e) {console.log("更改事件处理程序");}

初始化后的绑定事件

所有的助手都提供绑定一个方法。这两种方法都将事件处理程序附加到已存在的帮助程序实例,但附加的事件处理程序一个将只执行一次。

@(Html.Kendo().AutoComplete() .Name("animals") .BindTo(新字符串[]{"Ant", "Antilope", "Badger"}))
@addTagHelper *,剑道。Mvc @{var animals_data = new List(){“Ant”,“Antilope”,“Badger”};}  
美元(文档)。ready(function () {var autoCompleteWidget = $("#animals").data("kendoAutoComplete");//附加一个事件处理程序,它将在每次触发事件时执行。autoCompleteWidget。绑定("change", function(e) { console.log("change event handler"); }); // Attach an event handler that will be executed only the first time the event is fired. autoCompleteWidget.one("open", function(e) { console.log("open event handler"); }); });

使用事件处理程序参数

每个助手向事件处理程序传递一个参数——即所谓的“事件对象”。通常,它有一个或多个字段,其中包含事件的特定信息。所有事件对象都有发送方字段,该字段提供对触发事件的helper实例的引用。不支持向处理程序传递额外的自定义事件参数。控件中提供了小部件事件和事件对象字段的完整列表和示例API参考部分。

@(Html.Kendo().AutoComplete() .Name("animals") .BindTo(新字符串[]{"Ant", "Antilope", "Badger"}) .Events(e => {e. change ("onChange");}))
@addTagHelper *,剑道。Mvc @{var animals_data = new List(){“Ant”,“Antilope”,“Badger”};}  
函数onChange(e) {var autoCompleteWidget = e.sender;}

防止事件

方法可以阻止某些帮助器事件preventDefault方法。事件预防的效果是特定于每个事件的,并记录在API参考

@(Html.Kendo().AutoComplete() .Name("animals") .BindTo(新字符串[]{"Ant", "Antilope", "Badger"}) .Events(e => {e. open ("onOpen");}))
@addTagHelper *,剑道。Mvc @{var animals_data = new List(){“Ant”,“Antilope”,“Badger”};}  
函数onOpen(e) {e. preventdefault ();}

从事件中解除绑定

要从特定事件解除绑定,请保留对事件处理程序函数的引用并调用解开方法用它。请注意,调用解开方法,不带任何参数,从事件解除绑定所有事件处理程序。

 @(Html.Kendo().AutoComplete() .Name("animals") .BindTo(新字符串[]{"Ant", "Antilope", "Badger"}))
@addTagHelper *,剑道。Mvc @{var animals_data = new List(){“Ant”,“Antilope”,“Badger”};}  
美元(文档)。Ready (function () {var handler = function (e) {console.log(e);};var autoCompleteWidget = $("#animals").data("kendoAutoComplete");autoCompleteWidget。绑定("open", handler); $("#unbindButton").on("click", function () { autoCompleteWidget.unbind("open", handler); }); });

已知的限制

面向ASP的Telerik UI。网络核心does not fire an event when the corresponding API method is invoked. For example, the选择事件的发生PanelBar助手不被解雇,如果你调用选择方法。

另请参阅

在本文中
Baidu
map