Как стилизовать 4 сетки на странице, если на моих страницах более 4 сеток?

0

Мои страницы имеют 6 сеток, называемых grid1, grid2, grid3, grid4, grid5, grid6.Когда я нажимаю кнопку поиска, я читаю данные в сетках. Теперь я хочу стилизовать grid1, grid2, grid4, grid5 со стилем "color:red", я могу стилизовать их, используя эти коды:

   #grid1.k-grid-content td {
   color:red 
   } 
   #grid2.k-grid-content td {
   color:red 
   } 
   #grid4.k-grid-content td {
   color:red 
   } 
   #grid5.k-grid-content td {
   color:red 
   }

Я думаю, что этот способ действительно сложный и избыточный, и изменить коды, подобные этому, и нажать кнопку поиска, но не удалось. Но если я сначала буду разбирать данные, а затем выполнить код изменения, это было успешным. Как изменить свой код? не хотите писать сложные и избыточные коды. Может ли он использоваться с jQuery "live" event? Кто-нибудь использует "live" для создания сетки td?

   .GridColor {
   color:red 
   } 
     $(function () {
    $("#grid1.k-grid-content  td").addClass("GridColor");
    $("#grid2.k-grid-content  td").addClass("GridColor");
    $("#grid4.k-grid-content  td").addClass("GridColor");
    $("#grid5.k-grid-content  td").addClass("GridColor");
     }
Теги:
kendo-ui
kendo-grid

2 ответа

0
Лучший ответ

Попробуй это,

$('Search').on("click",function(){
$("#grid1.k-grid-content  td").addClass("GridColor");
    $("#grid2.k-grid-content  td").addClass("GridColor");
    $("#grid4.k-grid-content  td").addClass("GridColor");
    $("#grid5.k-grid-content  td").addClass("GridColor");
});



 .GridColor {
   color:red !important;
   }
Поделиться
  • 0
    Спасибо, я обнаружил, что мои коды изменений потерпели неудачу, потому что сначала я не нажал кнопку «Поиск», а сетка не содержит никаких данных (сетка не имеет «td» для красного цвета). Можете ли вы использовать «живую» привязку Я думаю, что «живое» связывание может быть полезным.
  • 0
    Если вы используете live убедитесь, что вы 1.7.1.js или более поздней версии, потому что после 1.7.1 live function удаляется.
Показать ещё 2 комментария
0 
 $(function () {
   $("#mybutton").on('click',function(){
 $("[id^='grid']").find('td').addClass("GridColor");
 });
 });

это находит все элементы с идентификатором, начинающимся с сетки, затем нацеливает все td adn, добавляет класс

Поделиться
  • 0
    Спасибо, я обнаружил, что мои коды изменений потерпели неудачу, потому что сначала я не нажал кнопку «Поиск», а сетка не содержит никаких данных (сетка не имеет «td» для красного цвета). Можете ли вы использовать «живую» привязку Я думаю, что «живое» связывание может быть полезным.
  • 0
    .live устарел после jQuery версии 1.7, .on это его замена. Если вы используете jQuery 1.7 или ниже, просто замените .on на .live в моем примере
Показать ещё 1 комментарий

Ещё вопросы

Сообщество Overcoder
Наверх
Меню