方法和事件
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助手不被解雇,如果你调用选择
方法。.