Kendo ui 剑道可观测数组排序

Kendo ui 剑道可观测数组排序,kendo-ui,Kendo Ui,我在viewmodel中有一个可观察的数组。 我用模板显示数组的日期: <table align="center"> <thead> <tr> <th>Name</th> <th>Surname</th> </tr> </thead> <tbody data-template="row-template" data-bind="

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

<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或数据绑定)

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

$("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"
     }
  ]});

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

不需要网格。我想看看清单。yes是一个json对象。
$("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"
     }
  ]});