javascript - 如何获取kendo ui grid中下拉列表的值?

标签 javascript html kendo-ui

我有一个带有下拉菜单和复选框的网格。每当我选中复选框(多选)时,我都想获取所选下拉列表的值。我怎样才能使用 kendoui 做到这一点。

请帮助我这是我的fiddle .

还有我的代码:

<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>

最佳答案

另一方面 - 您定义的模板不需要包含 li 元素 - 它会自动为您生成。

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

这是神奇的片段:

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

我更新了你的 fiddle看看它的实际效果。

关于javascript - 如何获取kendo ui grid中下拉列表的值?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/15067639/

相关文章:

javascript - 将 addl 参数传递给 angularjs Promise

javascript - 无法更换括号

javascript - 如何在网页中添加自定义右键菜单?

javascript - 是否可以仅使用 CSS 和单元格的 td 值动态地为 html 表格分配边框?

kendo-ui - Kendo UI Grid 未从数据源加载数据

grails - 剑道网格按降序排序

javascript - 引导下拉菜单中的 Kendo ComboBox

javascript - HTML5 WebWorker 和 Rails 3 错误

html - 我怎样才能停止 html 缩小?

html - Safari 在放大/缩小时会弄乱设计