2013-02-25 136 views
1

我有一個網格與下拉菜單和一個複選框。每當我選中複選框(多選)時,我想獲得所選下拉列表的值。我如何使用kendoui來做到這一點。如何獲取kendo ui網格中下拉列表的值?

請幫我這裏是我的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> 

+0

對不起,即使有jsfiddle我也很難理解你的目標。你的意思是ddl在網格中嗎? – 2013-02-25 16:37:59

+0

因此對於最近的回覆Trey Gramann你是對的,這是我的目標。你可以請證明這個http://jsfiddle.net/MG89G/253/#run – user123 2013-04-04 11:11:23

回答

7

在一個側面沒有 - 您已經定義並不需要包含鋰元素的模板 - 它爲你自動生成。

要檢索與該項目相關的模型,您可以使用ddl客戶端對象的dataItem方法和該選項的索引(這就是爲什麼您需要修復模板,因爲索引是錯誤的)。

這裏是神奇的片段:

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

我更新了fiddle看到它在行動。

+0

一些解決方案我的意思是我想過濾基於ddl的網格選擇「例如:10249」(基於ddl值的網格必須是過濾器)。此處我的要求是多選(例如:10249,10248) – user123 2013-02-26 04:41:40

+0

這不支持開箱即用。您需要將multibox的值發送到服務器並過濾服務器上的集合。通過dataSource的讀取方法檢查如何在文檔中發送其他數據。 – 2013-02-26 18:34:08

+0

不支持意味着什麼?它將不支持過濾網格(或)多選 – user123 2013-02-27 05:26:39

5

這確實對我來說:。

VAR selectedId = $( '#MyDropDown')的數據( 「kendoDropDownList」)值();
+0

這將獲得所選項目的價值。完善!謝謝! – ScottG 2014-07-30 22:32:46

0
  1. 以下代碼是用於我的移劍術下拉:

<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> 
與點擊事件
  • 我也有按鈕:
  • <button type="button" id="show">Show</button> 
    
  • 腳本就像它提醒選擇的移位值以下(NB:我已經做Telerik的Kedno論壇一些研究)
  • <script type="text/JavaScript"> 
        $('#show').click(function(event) { 
        var ShiftId = $("#ShiftId").data("kendoDropDownList").value();    
        alert(ShiftId); 
    

    }

    +0

    在你上一個'