0

使用剑道网格

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

如果我要制作网格，我知道如何完成此操作（可编辑：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"  />' },

谢谢 ！

4

2 回答 2

0

对于下拉菜单，我建议使用自定义编辑器，此处描述为http://demos.kendoui.c​​om /web/grid/editing-custom.html 。与数据选择器和其他下拉菜单一起为我工作。如果您将数据源中的 DeliveryDate 定义为 type date，您将获得开箱即用的数据选择器。保持可编辑标志打开，Kendo 会为您完成大部分工作。

列定义： 

  { 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",
        }
于 2013-06-09T18:16:56.563 回答
0

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

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

但是，如果 DatePicker 在编辑模式下无法正常工作，那么该问题可能应该报告给 Telerik 支持人员，或者如果您可以在 jsFiddle 或 jsBin 中重现它，您可以在此处发布。

于 2013-06-08T14:25:17.733 回答