Question

我只想使用声明性语句而不是js来构建kendo网格。

我也想应用＆＃34;过滤器＆＃34;通过声明语句本身的数据源。如果在kendo网格的data-bind属性中有可用选项，则可能。

请帮助jsfiddle

Answer 1

以下是使用MVVM过滤Kendo网格的jsFiddle DEMO。

以下是演示中的代码段：

<强> HTML：

case UPDATE: {
  // No mutation. Creating a new object!
  return {...state, contacts: action.payload};
  // or do the equivalent with Object.assign, 
  // Don't forget an empty object as first argument.
}

<强> JS：

<div data-role="grid"
                 data-filterable="true"            
                 data-editable="true"
                 data-toolbar="['create', 'save']"
                 data-columns="[
                                 { 'field': 'ProductName', 'width': 270 },
                                 { 'field': 'UnitPrice' },
                              ]"
                 data-bind="source: products,
                            visible: isVisible,
                            events: {
                              save: onSave
                            }"
                 style="height: 200px"></div>

使用mvvm的Kendo ui网格过滤数据源

1 个答案: