Как изменить класс TD на выводе MVC3 WebGrid? - PullRequest
3 голосов
/ 09 мая 2011

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

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

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

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

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

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

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

Ответы [ 2 ]

1 голос
/ 19 декабря 2012

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

0 голосов
/ 03 июня 2011

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

...