Как изменить класс TD на выходных данных, сгенерированных веб-сеткой MVC3?

#css #asp.net-mvc-3 #webgrid

#css #asp.net-mvc-3 #веб-сетка

Вопрос:

Я использую веб-сетку MVC3 (Razor), и все работает нормально. Однако мне нужно изменить класс css, который привязан к определенному столбцу, на основе значения, которое находится в столбце.

У меня уже есть способ сделать это на стороне jQuery, не относящийся к серверу. Есть несколько причин, по которым я хочу, чтобы это происходило за пределами jQuery.

По сути, я делаю подсветку трафика ячейки на основе значения ячейки. Итак, если значение в ячейке равно «62.5», класс, который необходимо присоединить к <td> является scr60 . Это устанавливает цвет фона для ячейки в соответствующий оттенок.

 <tr>
  <td class="scr60">62.5</td>
</tr>

Я знаю, что могу управлять выводом содержимого ячейки, используя format: параметр в grid.Column() определении, но мне нужно установить класс CSS для фактического, <td> который содержит содержимое (чтобы выделялась вся ячейка, а не только само значение / содержимое.

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

Опять же, у меня уже есть решение jQuery, которое делает это, я ищу способ сделать это с помощью самой веб-сетки.

1. Я попытался поиграть с веб-сеткой и не смог найти решение для вас. В grid есть свойство «style». Столбец, но, насколько я могу судить, он задает стиль для всего столбца, а не для отдельной ячейки.

2. в любом случае, спасибо, Сэм. Боюсь, мне может потребоваться просмотреть другую сетку (MvcContrib Grid?) или просто сделать это в таблице, чтобы получить то, что мне нужно / хочется.

3. В итоге я использовал google.visualization. визуализации таблиц данных.

Ответ №1:

Исходя из моего опыта работы с WebGrid, вы не можете этого сделать, НО вы можете включить a span в «ячейку» и добавить свой класс (ы) в span на основе любых условий, которые вы хотите.

Ответ №2:

Подобно параметру ‘format:’, существует параметр ‘style:’, который вы можете использовать следующим образом:

 style: "class1 class2"