Drop down menu 剑道网格输入数据角色下拉列表

Drop down menu 剑道网格输入数据角色下拉列表,drop-down-menu,grid,kendo-ui,Drop Down Menu,Grid,Kendo Ui,使用剑道格网 我正在尝试使用模板基于下拉列表创建网格列。有人能提供样品吗(如果可能的话) 如果我要制作网格(可编辑:true),我知道如何实现这一点,但如果我这样做,我会遇到新的问题。。。datepicker代码在第一次使用后不再起作用,因此我正在为下拉列表寻找一个模板选项 { field: 'Uom' , width:"100px", template: '<input data-role="dropdownlist" data-bind="value:Uom" />' },

使用剑道格网

我正在尝试使用模板基于下拉列表创建网格列。有人能提供样品吗(如果可能的话)

如果我要制作网格(可编辑:true),我知道如何实现这一点,但如果我这样做,我会遇到新的问题。。。datepicker代码在第一次使用后不再起作用,因此我正在为下拉列表寻找一个模板选项

 { field: 'Uom' , width:"100px", template: '<input data-role="dropdownlist" data-bind="value:Uom" />' },
 { field: 'DeliveryDate' , format:"{0:yyyy-MM-dd}", width: "190px",  template: '<input data-role="datepicker" data-bind="value:DeliveryDate"  />' },
{字段:“Uom”,宽度:“100px”,模板:'},
{字段:'DeliveryDate',格式:“{0:yyyy-MM-dd}”,宽度:“190px”,模板:'},

谢谢

DropDownList的MVVM绑定属性应该如下所示:

<select data-role="dropdownlist"
            data-text-field="name" data-value-field="value" data-bind="source: allUomOptions, value: uom"></select>


但是,如果DatePicker在编辑模式下无法正常工作,则该问题可能应报告给Telerik支持部门,或者如果您可以在JSFIDLE或jsBin中复制该问题,则可以将其发布到此处。

对于下拉列表,我建议使用此处描述的自定义编辑器。与数据采集器和其他下拉菜单一起为我工作。如果您在datasource中将DeliveryDate定义为type
date
,那么您将获得现成的数据采集器。保持可编辑标志打开,剑道为你做大部分工作

列定义:

  { field: "Category", title: "Category", width: "160px", editor: categoryDropDownEditor, template: "#=Category.CategoryName#" },
自定义编辑器:

  function categoryDropDownEditor(container, options) {
                        $('<input required data-text-field="CategoryName" data-value-field="CategoryID" data-bind="value:' + options.field + '"/>')
                            .appendTo(container)
                            .kendoDropDownList({
                                autoBind: false,
                                dataSource: {
                                    type: "odata",
                                    transport: {
                                        read: "http://demos.kendoui.com/service/Northwind.svc/Categories"
                                    }
                                }
                            });
                    }
 DeliveryDate : {
          //data type of the field {Number|String|Boolean|Date} default is String
          type: "Date",
        }