如何在kendo UI中选择Dropdownlist值和文本MVC

Question

我有Kendo DropDown列表，我想选择DropDownList的选择值。我得到所选项目的文本，但不是应该是ID的值。

function onSelect(e) { 
     var item = e.item; 
     var v = e.value; 
     var text = item.text(); 
     alert(text); 
     alert(v); 
    }; 

绑定与DROPDOWNLIST数据剑道

$("#FirstName").kendoDropDownList({ 
     dataTextField: "Fname", 
     dataValueField: "Id", 
     dataSource: dataSoucceAll, 
    }); 

与剑道下拉列表中选择绑定功能。

var dropdownlist = $("#FirstName").data("kendoDropDownList"); 
    dropdownlist.bind("select", onSelect); 

Answer 1

就我个人而言，我喜欢让代码封装funcionallity。出于这个原因，我更喜欢这种方法：

$("#FirstName").kendoDropDownList({ 
    dataTextField: "Fname", 
    dataValueField: "Id", 
    dataSource: dataSoucceAll, 
    /* Event select */ 
    select: function (e) { 
     var item = e.item; // item has selected value 
     /* logic here*/ 
    } 
}); 

检查Telerik的文档here和here

Answer 2

在选择时，你可以选择的项目的基本的DataItem：

var dataitem = e.sender.dataItem(e.item); 
    alert(dataitem.Id); 

在你如果值是dataItem.Id。

DEMO

Answer 3

感谢所有。我也有一些解决方案。

function onSelect(e) { 
     //selecting ID from the dropdown list 
     var dataItem = this.dataItem(e.item.index()); 
     var BId = dataItem.Id; 


     //Binding with the grid. 
     var alg = $("#allgrid").data("kendoGrid").dataSource; 

     //Filtering gird with the Id 
     if (BId) { 
      alg.filter([ 
       { 
        "logic": "eq", 
        "filters": [ 
         { 
          "field": "Id", 
          "operator": "eq", 
          "value": BId 
         } 
        ] 
       } 
      ]) 
     } 
     else { 
      alg.filter({}); 
     } 
    }; 

    //Binding dropdownlist with database 
    $("#FirstName").kendoDropDownList({ 
     dataTextField: "Fname", 
     dataValueField: "Id", 
     dataSource: dataSoucceAll, 
    }); 

    //Bind Select function with kendo Dropdown list 
    var dropdownlist = $("#FirstName").data("kendoDropDownList"); 
    dropdownlist.bind("select", onSelect);