如何使用KendoUI小部件迭代容器并使用jQuery获取其值?

时间:2018-04-13 16:06:31

标签: javascript jquery model-view-controller kendo-ui

我正在使用jQuery和KendoUI进行MVC。我有一个名为ul的{​​{1}},每个列表项都有一个不同类型的KendoUI小部件。这些小部件类似于文本框,多选,游侠滑块和下拉列表。用户可以单击一个按钮,该按钮运行jQuery函数来收集所有这些小部件的内容。

我遇到的问题是这些小部件有Kendo特定的代码来访问他们的值和文本属性,例如#overview,我使用$("MyControl").data("kendoDropDownList).text();循环迭代.each和我需要一种方法来从不同的控件中获取数据,我想知道是否有一种干净的方法可以做到这一点?

有了这么多可用的控件,它会生成一段复杂的代码来检查可能存在的每个可能的控件。

感谢任何帮助。

1 个答案:

答案 0 :(得分:0)

这有点棘手。有一个名为kendo.widgetInstance()的模糊方法,无论你传递给它的元素是什么,它都会检查一个小部件并返回它的实例。

var $date = $("#date").kendoDatePicker({ value: (new Date()) });
console.log(kendo.widgetInstance($date).value());

Demo