Jquery 的 Kendo 静态下拉列表在网格中显示为“未定义”

Question

我在 Jquery 的 Kendo UI 中创建了一个现有的网格。我想在每行网格的第一个字段/单元格中放置一个静态下拉/选择框。当我这样做时，它显示为“未定义”。

我在她和 Telerik 网站上看到的大多数示例都使用编辑器。在我的情况下，下拉是静态的。一旦他们点击一个项目，他们将被重定向到另一个页面做某事。目前我只想让下拉菜单显示硬编码选项。

jQuery(function($){
    "use strict";

var grid = $("#grid").kendoGrid(){

    ....

columns: [{
   field: "my_links",
   title: "My Links",
   template: "#=getMyLinks(DATA.user_id)#"
},{

   ....

}_.data("kendoGrid");

function setGridData(){

    ....
 });

grid.setDataSource(dataSource); 

}

setGridData();

});

函数 getMyLinks(user_id){

  $('<input id="my_links" name="my_links/>')
      .kendoDropDownList{[
           dataSource: [
               { id: 1, name: "View" },
               { id: 2, name: "Create },
               { id: 3, name: "Delete"}
            ],
          dataTextField: "name",
          dataValueField: "id"
         });

}

我希望在下拉列表中

Answer 1

您应该在columns.template 字段中为下拉小部件提供DOM 元素，然后在dataBound 事件中初始化所有小部件。

$("#grid").kendoGrid({
    columns: [{
       field: "my_links",
       title: "My Links",
       template: "<input id="my_links" name="my_links/>"
    }],

    dataBound: function (){
        getMyLinks(DATA.user_id);
    }

}).data("kendoGrid");