2011-12-25 29 views
0

我是一個新來slickgrid,並不知道如何顯示數據附加下面的截圖。我讀grouping example,但它是按現有列分組的,不可排序。在這個例子中,每個類別都有多個價格的商品,並按排序,類別名稱和價格。Slickgrid定義可排序行類別的網格模型

任何顯示數據的幫助,以便類別可以排序非常感謝。

非常感謝。

蘭尼

enter image description here

回答

0

花更多的時間與例子之後,我才知道,我可以定義我想在列的obj顯示的內容。在數據obj中,我可以擁有任意數量的屬性。

在代碼示例中,第一列是實際產品,但名稱是Category,這有點令人困惑,但這是一個商業決策。添加完所有數據後,我在產品列中添加了類別名稱,並在每組產品之前將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'} 
];