отзывы

Восстановление
пароля

Готово

Назад

Основы программирования
Успеха достигает тот, кто способен на время отодвинуть свои увлечения
Программист - профессия будущего!

Как изменить на .js цвет ячейки в таблице Grid

  • 30

  • 0

  • Нравится

    0

  • Код:360362357867

.js изменить ячейку Grid
Задайте вопрос продавцу

Как изменить на .js цвет ячейки в таблице Grid

грн. / шт.

Компания: Уроки программирования
Телефон: +38(093)43-03-164
Адрес: Киевская область г. Киев, с. Красное
Оставьте свой номер
Оставьте свой номер телефона и представитель компании с вами свяжется.

     Как можно изменить цвет в ячейке Grid

1. После рисования таблицы с помощью .jqGrid({

2. Надо в функции  loadComplete: function(){

   написать доп. условия, которые позволяют меняют Background- любой ячейки tr

3.  У каждой есть свой айди и это будет индекс - i

   for (var i = 0; i < ids.length; i++) {  

4. В цикле можно пройтись и задать условия для каждой нужной ячейки

 

 

   for (var i = 0; i < ids.length; i++) {  


                   // ======== Задача Как изменить на .js цвет ячейки в таблице Grid 
                    var value_auto_status_color =  $("#"+ids[i]+" :nth-child(4)").html();

                     //console.log(value_auto_status_color);

                    var color_font = 'black';
                    if(value_auto_status_color=='red'){
                          color_font = 'white';
                    }else if(value_auto_status_color=='green'){
                           color_font = 'white';
                    }else if(value_auto_status_color=='yellow'){
                           color_font = 'black';
                    }
                     $("#"+ids[i]+" :nth-child(4)").css("background", value_auto_status_color);
                     $("#"+ids[i]+" :nth-child(4)").css("color",      color_font);
                     $("#"+ids[i]+" :nth-child(4)").html('')
                    // ======================================================================



                      if(orders_status_id[i]==1){
                         $("#"+ids[i]).css("background","#FFEAEA");


                      }
                      
                       else if(orders_status_id[i]==4){
                         $("#"+ids[i]).css("background","#F0F0F0");
                       }
                      
                       else if(orders_status_id[i]==16){
                         $("#"+ids[i]).css("background","#FDF5CE");
                      }


                      
               }

 

 

 

$("#orders_table").jqGrid({
   url:'/admin/ext/ajax/get_orders.php',
   datatype: "json",
   height:'auto',
   //width:900,
   colNames:['B-Nr.',  'Datum', 'Status', 'Auto status' ,'Betrag','Firma / USt-Nr.','Name / PLZ / Nickname','KN-Nr.','Zalungsweise','Zalungstatus','Plattform','Info', 'Orders status id'],
   colModel:[
   {name:'id',index:'orders_id', width:70, sorttype:"int", align:'center'},
   {name:'orders_date',index:'orders_date', width:115, align:'center', formatter:'date', formatoptions:{srcformat:"Y-m-d H:i:s",newformat:"d.m.Y H:i"}},
   {name:'orders_status',index:'orders_status', width:200, align:'center', stype:"select",editoptions: {value:":All" + ordersStringGrid}   },
       {name:'short_title',index:'short_title', width:100,  align:'center', stype:"select",editoptions: {value:":All" + ordersAutomatStringGrid} },
           {name:'orders_total',index:'orders_total', width:100, align:'right', formatter:'currency',formatoptions:{decimalSeparator:",",thousandsSeparator:".",suffix:""}},
   {name:'company',index:'company', width:200},
   {name:'name',index:'name', width:200},
   {name:'customers_id',index:'customers_id', width:70, sorttype:"int", align:'center'},
   {name:'payment',index:'payment', width:100, align:'left',stype:"select",editoptions: {value:":All;paypal:PayPal;prepayment:Vorkasse;sofort:Sofortüberweisung;billsafe:BillSafe;mpass:mpass;cash:Bar;invoice:auf Rechnung;transfer:Überweisung;klarna:Klarna;lastschrift:Lastschrift"}},
   {name:'payment_status',index:'payment_status', width:100, align:'center', stype:"select",editoptions: {value:":All;1:Bezahlt;0:Offen"}},
   {name:'platform',index:'platform', width:100, align:'center', stype:"select",editoptions: {value:":All;0:Reifen-Anton;1:Teilehaber;2:Yatego;3:eBay;4:FK.info;5:Check24;6:KfzRad.de;7:RASystems;8:Tyre24"}},
   {name:'info',index:'info',width:50,align:'center',sorttable:false,stype:'none'},
       {name:'orders_status_id',index:'orders_status_id', hidden:true}
      // {name:'info',index:'info',width:50,align:'center'}
   ],
   rowNum:30,
   autowidth: true,
   rowList:[10,20,30,50,100],
   pager: '#orders_table_buttons',
   imgpath: gridimgpath,
   sortname: 'orders_date',
   viewrecords: true,
   sortorder: "desc",
      
   toolbar : [true,"top"],
   loadComplete: function(){
 
      $('div.loading').hide();
      var ids = $("#orders_table").getDataIDs();
           
           var orders_status =  $("#orders_table").getCol('orders_status'); 
           var orders_status_id =  $("#orders_table").getCol('orders_status_id'); 





               for (var i = 0; i < ids.length; i++) {  


                   // ======== Задача Как изменить на .js цвет ячейки в таблице Grid 
                    var value_auto_status_color =  $("#"+ids[i]+" :nth-child(4)").html();

                     //console.log(value_auto_status_color);

                    var color_font = 'black';
                    if(value_auto_status_color=='red'){
                          color_font = 'white';
                    }else if(value_auto_status_color=='green'){
                           color_font = 'white';
                    }else if(value_auto_status_color=='yellow'){
                           color_font = 'black';
                    }
                     $("#"+ids[i]+" :nth-child(4)").css("background", value_auto_status_color);
                     $("#"+ids[i]+" :nth-child(4)").css("color",      color_font);
                     $("#"+ids[i]+" :nth-child(4)").html('')
                    // ======================================================================



                      if(orders_status_id[i]==1){
                         $("#"+ids[i]).css("background","#FFEAEA");


                      }
                      
                       else if(orders_status_id[i]==4){
                         $("#"+ids[i]).css("background","#F0F0F0");
                       }
                      
                       else if(orders_status_id[i]==16){
                         $("#"+ids[i]).css("background","#FDF5CE");
                      }


                      
               }
         
         
         
          
          ///. $("#gridcell")
         
         //  alert(reifen_products+' '+orders_status);
            
           
           
           
      for(var i=0;i<ids.length;i++){
         var cl = ids[i];
               
      
               
               
               
             //  var reifen_products = ids[i]['reifen_products'];
         var but = 'treeInfo('order',' + ids[i] + ');>   ';
         //$(but).click(function(){alert('ok!')}); // 1. logo_komplettrader.png 2. logo_felgen.png 3. logo_reifen.png
         $("#orders_table").setRowData(ids[i],{info:but});
      }
      $('button','#orders_table').hover(function(){
         $(this).addClass('ui-state-hover');
      },function(){
         $(this).removeClass('ui-state-hover');
      });
   },
   ondblClickRow: function(id){window.location = "/admin/new_orders.php?action=edit&documents_id=" + id},
   caption:"Bestellungen",
   hidegrid:true
}).navGrid('#orders_table_buttons',{
   edit:false,
   add:false,
   del:false,
   search:false
});

$("#t_orders_table").remove();
$('#orders_table').filterToolbar();
if(typeof addJqGridNavigation == 'function')
   addJqGridNavigation();
//-------------СПИСОК ЗАКАЗОВ---------------------//

 

 

 

 

Часть таблицы пример.

 

 

13648

19.03.2019 15:51

Offen

 

 

 

 

 

Задавайте вопросы на эту тему, поможем.
Спасибо

 

 

   for (var i = 0; i < ids.length; i++) {  


                   // ======== Задача Как изменить на .js цвет ячейки в таблице Grid 
                    var value_auto_status_color =  $("#"+ids[i]+" :nth-child(4)").html();

                     //console.log(value_auto_status_color);

                    var color_font = 'black';
                    if(value_auto_status_color=='red'){
                          color_font = 'white';
                    }else if(value_auto_status_color=='green'){
                           color_font = 'white';
                    }else if(value_auto_status_color=='yellow'){
                           color_font = 'black';
                    }
                     $("#"+ids[i]+" :nth-child(4)").css("background", value_auto_status_color);
                     $("#"+ids[i]+" :nth-child(4)").css("color",      color_font);
                     $("#"+ids[i]+" :nth-child(4)").html('')
                    // ======================================================================



                      if(orders_status_id[i]==1){
                         $("#"+ids[i]).css("background","#FFEAEA");


                      }
                      
                       else if(orders_status_id[i]==4){
                         $("#"+ids[i]).css("background","#F0F0F0");
                       }
                      
                       else if(orders_status_id[i]==16){
                         $("#"+ids[i]).css("background","#FDF5CE");
                      }


                      
               }

 

 

 $("#"+ids[i]).css("background","#FDF5CE");

Отзывов нет

Публикация отзыва производится после предварительной модерации

Отправить

Случайные статьи