带有日期选择器编辑器的Angular 5 Kendo UI网格？默认排序？答案

【问题标题】：Angular 5 Kendo UI grid with datepicker editor? Default sort?带有日期选择器编辑器的Angular 5 Kendo UI网格？默认排序？
【发布时间】：2018-04-18 16:57:26
【问题描述】：

我们正在开发一个 Angular 5 应用程序，但我似乎无法通过内联编辑让日期选择器在 Kendo 网格中正常工作..

<kendo-grid-column field="fancyDateField" title="Fancy Date Field" editor="date" format="dd-MM-yyyy">

虽然我们得到了 datePicker，但它从不将选择的值绑定到字段中的前一个值；我是否需要在 cellClickHandler/callCloseHandler 中为此编写处理程序，这是版本控制问题还是剑道组件尚未准备好使用此功能？

另外，有人知道如何在有角度的剑道网格上指定默认排序吗？我看过一些例子，但似乎没有任何效果.. 在 jQuery 的 UI 中这很简单！

添加 plunk：https://plnkr.co/edit/eVH8lxCS9Kv4szgcyDAG?p=preview

【问题讨论】：

标签： angular typescript kendo-ui-angular2

【解决方案1】：

如何设置默认过滤器可以查看here。该演示定义了启动过滤器。

public state: State = {
    skip: 0,
    take: 5,

    // Initial filter descriptor!!!!
    filter: {
      logic: 'and',
      filters: [{ field: 'ProductName', operator: 'contains', value: 'Chef' }]
    }
};

如果列数据的类型为Date，则日期编辑器可以工作。

这里是plunker，它演示了启动过滤器和日期编辑。

【讨论】：