如何在kendo ui grid中获取下拉列表的值？

Question

我有一个带下拉列表的网格和一个复选框.每当我选中复选框(多选)时,我想获得所选下拉列表的值.我怎么能用kendoui做到这一点.

请帮帮我,这是我的小提琴.

我的代码:

<div id="grid"></div>

<input type="button" value="gridSelectedItem" onclick="selectElementContents( document.getElementById('grid') );"
    />

<div>
<input id="dropdownList" runat="server" /></div>
<script type="text/x-kendo-template" id="CheckboxTemplate">
<li unselectable="off" class="k-item nowrap check-item">
    <input type="checkbox" name="#= text #" value="#= value #" class="check-input" #= selected ? "checked" : "" #/>
    <span>#= text #</span>
</li>

Answer 1

不在一边 - 您定义的模板不需要包含li元素 - 它会自动为您生成.

要检索与项目相关的模型,您可以使用ddl客户端对象的dataItem方法和选项的索引(这就是您需要修复模板的原因,因为索引将是错误的).

这是神奇的片段:

var ddl = $('#dropdownList').data().kendoDropDownList;
var model = ddl.dataItem($input.closest('.k-item').index());
alert(model.text);

我更新了你的小提琴,看它在行动.

Answer 2

这对我有用:

var selectedId = $('#MyDropDown').data("kendoDropDownList").value();