2011-12-25 7 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'} 
]; 
関連する問題