Slickgrid为可排序的行类别定义网格模型

时间:2011-12-25 23:28:03

标签: slickgrid

我是slickgrid的新手,不知道如何显示下面截图所附的数据。我读过grouping example,但它按现有列分组,不可排序。在示例中,每个类别都有多个带有价格的商品,并按类别名称和价格进行排序。

非常感谢任何有关显示数据的帮助,以便对类别进行排序。

非常感谢。

兰尼

enter image description here

1 个答案:

答案 0 :(得分:0)

在花了更多时间使用这些示例后,我了解到我可以定义我想要在列obj中显示的内容。在data obj中,我可以拥有任意数量的属性。

在代码示例中,第一列是实际产品,但名称是类别,它有点令人困惑,但它是一个商业决策。添加完所有数据后,我在产品列中添加了类别名称,并将colspan设置为" *"在每组产品之前,它扩展到所有列。我确信SlickGrid DataView组有一个比这个更好的解决方案,现在我还没有那么远。如果有人可以详细说明如何使用DataView,我很感激。

代码示例:http://jsbin.com/efujox/2/

columns = [
    {id:"product", name:"Category", field:"product"},
    {id:"price", name:"Price", field:"price"},
    {id:"date", name:"Date", field:"date"}
];

data =[
    {id: 'p1', product: 'Item 332', category:'Category XBC', price: 5.99, date: '6/19/11'},
    {id: 'p2', product: 'Item 12', category:'Category XBC', price: 6.99, date: '8/20/11'},
    {id: 'p3', product: 'Item nVV', category:'Category CXV', price: 4.99, date: '5/11/12'},
    {id: 'p4', product: 'Item dcA', category:'Category CXV', price: 9.42, date: '8/11/11'}
];