Slickgrid определяет сеточную модель для сортируемых категорий строк

Question

Я новичок в slickgrid, и не знаю, как отобразить данные, как показано на скриншоте ниже. Я прочитал пример группировки , но он сгруппирован по существующему столбцу и не сортируется. В этом примере каждая категория имеет несколько позиций с ценами и сортируется по названию категории и цене.

Любая помощь с отображением данных для сортировки по категориям приветствуется.

Большое спасибо.

Lanny

Answer 1

Проведя больше времени с примерами, я узнал, что могу определить, что я хочу отображать в столбцах 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'}
];