如何在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);

}