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 kendo绑定数据

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

将选择功能与kendo下拉列表绑定。

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

Answer 1

全部谢谢。我也有一些解决方案。

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

Answer 2

就个人而言，我喜欢使用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 3

在select事件中，您可以获取所选项目的基础dataItem：

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

在您的情况下，值为dataItem.Id。

<强> DEMO

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

3 个答案: