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

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（）;

Answer 3

1. 以下代码适用于我的shift kendo下拉菜单：

<div class="form-group">
  <label>Shift</label>
  <div class="input-group">
    @(Html.Kendo().DropDownListFor(t => t.ShiftId)
      .Name("ShiftId")
      .DataTextField("Text")
      .DataValueField("Value")
      .OptionLabel("...Select Shift...")
      .DataSource(source => source.Read(read => read.Action("GetShifts", "AssessmentResult")))
      .HtmlAttributes(new { style = "width:292px", @required = "required" })
    )
  </div>
</div>

2. 我也有点击事件按钮：

<button type="button" id="show">Show</button>  

3. 该脚本类似于以下内容，它会警告选定的移位值（注意：我已经在Telerik Kedno论坛上进行了一些研究）

<script type="text/JavaScript">
  $('#show').click(function(event) {
    var ShiftId = $("#ShiftId").data("kendoDropDownList").value();            
    alert(ShiftId);

}