Kendo UI - 数据源。将参数传递给服务器使用mvvm

我无法正确使用数据源。Kendo UI - 数据源。将参数传递给服务器使用mvvm

我的目标：创建用于过滤kendo网格（服务器端过滤器）的外部部件。

我设法使它工作，但它是一种解决方法的，我期待的corrent方法

的filterGrid功能做的所有工作，但它看起来不正确，我想parameterMap的功能做所有的工作，但我无法弄清楚。请指教。

这是我的视图模型看起来像（我省略了不太重要的部分）：

var viewModel = kendo.observable({ 
     selectedInterface: null, 
     selectedStatus: null, 
     toHilanDate: new Date(), 
     updateDate: new Date(), 
     employeeId: null, 
     factoryId: null, 
     eventId:null, 
     employees: new kendo.data.DataSource({ 
      transport: { 
       parameterMap: function (data, type) { 
        return { criteria: data };//for the mvc controller 
       }, 
       read: { 
        url: "tohilan/Employees", 
        type: "post", 
        data: {} 
       } 
      } 
     }), 
     filterGrid: function() { 
      var data = { 
       SelectedInterface: this.selectedInterface ? this.selectedInterface.Id:null, 
       SelectedStatus: this.selectedStatus? this.selectedStatus.Key:null, 
       ToHilanDate: kendo.toString(kendo.parseDate(this.toHilanDate), "d"), 
       UpdateDate: kendo.toString(kendo.parseDate(this.updateDate), "d"), 
       EmployeeId: this.get("employeeId"), 
       FactoryId: this.get("factoryId"), 
       EventId: this.eventId, 
      }; 
      //set new data into datasource 
      $('#employeeGrid').data('kendoGrid').dataSource.transport.options.read.data = data; 
      //refresh grid 
      $('#employeeGrid').data('kendoGrid').dataSource.read(); 
      $('#employeeGrid').data('kendoGrid').refresh(); 
     } 
}); 
     kendo.bind($("#employees-view"), viewModel);

我的标记看起来是这样的：（再次，只有重要的组成部分）

<ul> 
      <li> 
       <label for="employeeId">מספר עובד:</label> 
       <input type="number" id="employeeId" data-role="maskedtextbox" data-bind="value:employeeId"/> 
      </li> 
      <li> 
       <label for="eventId">מספר אירוע:</label> 
       <input type="number" id="eventId" data-role="maskedtextbox" data-bind="value:eventId"/> 
      </li> 
      <li> 
       <label for="factoryId">מספר מפעל:</label> 
       <input type="number" id="factoryId" data-role="maskedtextbox" data-bind="value:factoryId"/> 
      </li> 
      <li> 
       <label for="toHilanDate">תאריך העברה לחילן:</label> 
       <input type="date" id="toHilanDate" data-role="datepicker" data-bind="value:toHilanDate" /> 
      </li> 
      <li> 
       <label for="updateDate">תאריך עדכון:</label> 
       <input type="date" id="updateDate" data-role="datepicker" data-bind="value:updateDate" /> 
      </li> 
      <li> 
       <label for="event-status">סטטוס אירוע:</label> 
       <select id="event-status" data-role="dropdownlist" data-bind="value: selectedStatus, source: statusList" data-text-field="Value" data-value-field="Key" data-option-label=" "></select> 
      </li> 
      <li> 
       <label for="interface">ממשק:</label> 
       <select id="interface" data-role="dropdownlist" data-bind="value: selectedInterface, source: interfaceList" data-text-field="Description" data-value-field="Id" data-option-label=" "></select> 
      </li> 
      <li> 
       <button type="submit" data-role="button" data-bind="events: {click:filterGrid}">סנן</button> 
      </li> 
     </ul>

来源

2015-04-16 Avi

我猜我找到了答案，也许我有一个错字或什么的。我在parametermap函数中创建了数据对象，而不是filterGrid函数。我用viewModel替换了“this”。我仍然认为还有更好的办法来处理它，但目前它恰好为我服务。

来源

2015-04-19 18:58:35 Avi

Kendo UI - 数据源。将参数传递给服务器使用mvvm

回答

相关问题