2014-07-01 51 views
16

尝试从本地数据源设置我的kendo UI网格上的默认排序列。我读过遍,我应该把:Kendo UI网格本地数据源列默认排序

sort: { field: "price", dir: "desc" } 

到数据源。我试过这个,但它仍然不起作用(参见下面的例子)。

这里是我的代码完整,我哪里错了?

$('#grid').kendoGrid({ 
       dataSource: [ 
        { 
         date: "Feb 13 2014", 
         price: 5, 
        }, 
        { 
         date: "Feb 15 2014", 
         price: 7, 
        }, 
        { 
         date: "Feb 12 2014", 
         price: 6, 
        } 
       ], 
       height:500, 
       sortable: true, 
       pageable: false, 
       columns: [ 
        { 
         field: "date", 
         title: "Date" 
        }, 
        { 
         field: "price", 
         title: "Price", 
        } 
       ], 
       sort: {field: "price", dir: "desc"} 
      }); 

回答

35

您正在定义错误位置的sort行。你把它作为一个网格的属性,但它是(如你所说)的一个数据源的属性。

把它作为DataSource属性的子:

$('#grid').kendoGrid({ 
    dataSource: { 
     data: [{ 
      date: "Feb 13 2014", 
      price: 5, 
     }, { 
      date: "Feb 15 2014", 
      price: 7, 
     }, { 
      date: "Feb 12 2014", 
      price: 6, 
     }], 
     sort: { 
      field: "price", 
      dir: "desc" 
     } 
    }, 
    height: 500, 
    sortable: true, 
    pageable: false, 
    columns: [{ 
     field: "date", 
     title: "Date" 
    }, { 
     field: "price", 
     title: "Price", 
    }], 
}); 

如果还是不行,我可以提供的jsfiddle为您的工作与周围。