kendo-ui - kendo 可观察数组排序

标签 kendo-ui

我在 View 模型中有一个可观察数组。 我用模板显示数组的日期:

<table align="center">   
  <thead>
    <tr>
      <th>Name</th>
      <th>Surname</th>
   </tr>
  </thead>
  <tbody data-template="row-template" data-bind="source: client"></tbody> 
</table>

但是如果我想对数组进行排序呢?并按名字或姓氏显示“客户”订单?

最佳答案

如果你的数据数组是这样的(作为json,如果不使用服务器转换为json或数据绑定(bind))

[{name:'name1',surname:'surname1'},{name:'name2',surname:'surname2'},{name:'name3',surname:'surname3'}]

您可以使用此代码进行客户端排序。

$("table").kendoGrid({
  dataSource: {
     data:[{name:'name1',surname:'surname1'},{name:'name2',surname:'surname2'},{name:'name3',surname:'surname3'}],
     sort: {
        field: "name",
        dir: "desc"
     }
  },
  sortable: true,
  columns: [
     {
        field: "name",
        title: "Name"
     },
     {
        field: "surname",
        title: "Surname"
     }
  ]});

如果我理解正确,这将解决您的问题。

关于kendo-ui - kendo 可观察数组排序,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/14562716/

相关文章:

drop-down-menu - HTML.Kendo().Dropdownlist 设置默认项

javascript - 如何在 Javascript 中加载 KendoGrid 的最后一页?

javascript - kendo-mobile 示例说明 - data.HasEmployees

javascript - kendoui grid,当autoBind配置设置为false时绑定(bind)数据

html - 如何禁用kendo-grid-checkbox-column?

kendo-ui - 如何在剑道网格中获取选定的页码

angularjs - Kendo treeList 数据源 - 不与远程数据绑定(bind)

javascript - Javascript 中的 Html.Partial

mvvm - Kendo MVVM 数据绑定(bind)与自定义 Kendo 小部件

javascript - 输入id时如何勾选复选框?