Javascript — ExtJs — Как добавить пользовательскую строку в каждую n-ю строку в сетке данных?

У меня есть сетка данных, в которой каждая строка представляет некоторые данные о дне недели. Мой магазин содержит как минимум 7 строк. Что я хочу сделать, так это разделить сетку каждые 7 дней со строкой, которая будет содержать только пользовательский текст/div с номером недели.

Окончательная сетка должна выглядеть так

Col1    Col2    Col3    Col4
------------Week1-----------
r1       r1     r1      r1
r2       r2     r2      r2
............................
r7       r7     r7      r7
------------Week2-----------
r1       r1     r1      r1
r2       r2     r2      r2
............................

Было бы неплохо иметь возможность стилизовать строку Week с помощью цвета, высоты и т. д.!

Я просмотрел примеры Sencha и искал другие решения, но не нашел их. Можно ли это сделать (теперь я могу)? Или вы можете указать мне на возможное решение и реализацию?

Спасибо! Я использую ExtJs 4.0.7


person darkdante    schedule 02.08.2013    source источник
comment
как получить данные для таблицы? вы пользуетесь магазином?   -  person Th0rndike    schedule 02.08.2013
comment
Да, у меня будет хранилище, которое будет привязываться к столбцам (col1,col2....)   -  person darkdante    schedule 02.08.2013


Ответы (1)


У вас есть пара вариантов:

  • Добавьте дополнительные строки в свой магазин и настройте его с помощью классов строк.
  • Используйте плагин группировки сетки, если вы можете каким-то образом идентифицировать дни, принадлежащие одной неделе - http://dev.sencha.com/deploy/ext-4.0.1/examples/grid/group-summary-grid.html
person sha    schedule 02.08.2013
comment
Спасибо, @sha. На самом деле я думал реализовать его в соответствии с вашим первым решением, потому что я думаю, что это будет выглядеть лучше для пользователей. Спасибо за идею создания дополнительных рядов. Это также будет редактируемая сетка (редактируемые столбцы и редактируемое количество недель), так что веселье только началось, но я думаю, что справлюсь с этим :) Помечено как ответ :) - person darkdante; 02.08.2013