几种Kendo组件实例访问方式(Kendo Tip: Accessing Widget Instances)
来源:互联网 发布:亩和平方米精准算法 编辑:程序博客网 时间:2024/05/24 07:33
Kendo Tip: Accessing Widget Instances
When a KendoUI widget is created the widget instance is attached directly to its associated DOM element using jQuery’s data method. This allows developers to easily interact with the widget in other parts of their JavaScript code. To grab the widget instance simply use jQuery to select the element with which it was instantiated and call the data method, passing in the name of the widget as the key.
$('#my-grid').data('kendoGrid');
It should be noted that if the jQuery selector returns more than one element, only the Kendo widget associated with the first element will be returned, if one exists.
This is the approach I see used in most demos. However, there are jQuery helpers for every widget in the KendoUI library that allow you to get the widget instance without using the jQuery data method. The helper for every widget is: getKendo[WidgetName].
$('#my-grid').getKendoGrid();
While the examples above do exactly the same thing, I prefer using the helpers since they do not require those ugly string parameters and I believe they make the code easier to read.
If you need to access a widget instance but aren’t exactly sure which widget is associated with an element, you can use Kendo’s widgetInstance method.
kendo.widgetInstance($('#my-widget'));
This is especially useful in scenarios when widgets are added to a page dynamically and it isn’t always clear which widget, if any, was used.
var element, widget, value; element = $('#input-element'); widget = kendo.widgetInstance(element); if (widget) { value = widget.value(); }
Keep an eye out for more Kendo Tips in future blog posts.
- 几种Kendo组件实例访问方式(Kendo Tip: Accessing Widget Instances)
- kendo
- Disabled Kendo组件
- Kendo自定义组件(强烈推荐)
- 【Kendo UI 中文教程】组件widget初始化、配置和获取引用
- 使用Kendo 输入验证的几种方法
- 开发kendo-ui弹窗组件
- Kendo UI grid数据聚合实例
- kendo Grid加载远程数据方式
- kendo控件
- Kendo DataSource
- Kendo使用说明
- Kendo UI
- kendo “#”号
- kendo UI 学习笔记(一)-初识常见组件
- kendo ui 使用springMVC upload组件上传文件
- kendo ui 访问数据库数据,绘制jsp页面
- Kendo UI教程: Kendo MVVM (一) 概述
- 使用mongodb可视化管理软件adminMongo
- Android开发——Activity启动模式详解
- 机器学习4 - 牛顿法求最值
- binlog,undo log,redo log
- 如何生成android的BKS证书
- 几种Kendo组件实例访问方式(Kendo Tip: Accessing Widget Instances)
- 顺序表(java)
- STM32F4采集核心板调试记录
- Android 中SharedPreferences跨应用读取数据的
- Apache HTTP Server 与 Tomcat jackey
- matrics Global Cache Blocks Lost
- 单元格的表示方式
- div.2/Bellovin<最长上升子序列>
- java中equals与==的区别