asp.net mvc - How to change the background of a cell dynamically in a Kendo MVC UI Grid? -

-

i need change backgroundcolor of kendo grid. code looks follows :

@(html.kendo().grid<tegelcheckermodel>()             .name("grid")             .cellaction(cell =>             {                 if (cell.column.title.equals("tegelzones"))                 {                     if (cell.dataitem.tegelzones.contains("extern"))                     {                         cell.htmlattributes["style"] = "background-color: red";                     }                 }             })             .columns(columns =>             {                 columns.bound(p => p.tegelnaam);                 columns.bound(p => p.tegelactief).headerhtmlattributes(new { style = "background: #800000;" }).clienttemplate("#if(tegelactief){# ja #}else{# nee #}#");                 columns.bound(p => p.tegelzones).headerhtmlattributes(new { style = "background: #800000;" }); })              .autobind(true)             .pageable()             .sortable()             .filterable()             .datasource(datasource => datasource             .ajax() //or .server()             .read(read => read.action("gettegels", "tegelchecker")             .data("getalvnummerandvoorwie"))             )         )

this code doesn't change background-color of cell. missing?

i succeeded partly. means able color part of cell using following code :

if (tegeltitel == "tegelactie") {     if ($("#tegelcheckeroverzicht_klantcontrol_klantddl").klantencontrol().getklant().alvnummer == "") {         html = kendo.format("<span>" + data.tegelactie + "</span>");     }     else {         if (data.tegelactieallowed) {             if (data.tegelactie == null) {                 html = kendo.format("<span></span>");             }             else {                 html = kendo.format("<span>" + data.tegelactie + "</span>");             }         }         else {             html = kendo.format("<span  style='background: red; color: white;font-weight:bold'>" + data.tegelactie + "</span>");         }     } }

but means background of span colored , not entire cell.

ok found solution :

function griddatabound() { var data = this._data; (var x = 0; x < data.length; x++) {     var dataitem = data[x];     var tr = $("#grid").find("[data-uid='" + dataitem.uid + "']");     if (dataitem.selected) {         $("input:first", tr).attr("checked", "checked");     }       var alvnummer = $("#tegelcheckeroverzicht_klantcontrol_klantddl").klantencontrol().getklant().alvnummer;     if (alvnummer == "")     { }     else     {         var cell = $("td:nth-child(6)", tr); // zone         if (dataitem.hascorrectzone) {          }         else {             cell.addclass("myerror");         }         cell = $("td:nth-child(7)", tr); //actie         if (!dataitem.tegelactieallowed) {             cell.addclass("myerror");         }         cell = $("td:nth-child(8)", tr); //rollen         if (!dataitem.rolcodevoldaan) {             cell.addclass("myerror");         }      } }

}

and in grid added :

.events(e => e.databound("griddatabound "))

Comments

Post a Comment

Popular posts from this blog

javascript - Laravel datatable invalid JSON response -

-
everything work fine on code below fetch user logs: js: <script> $(document).ready(function () { var table =$('#systemlogs').datatable({ responsive: true, processing: true, serverside: true, "language": { "url": "/datatables/media/plug-in/persian.json" }, ajax: '{!! url('/admin/systemlogs/data/systemlogsdatatable') !!}', columns: [ { data: 'name', name: 'name' }, { data: 'message_text', name: 'message_text' }, { data: 'remote_addr', name: 'remote_addr' }, { data: 'log_created_at', name: 'management_logs.created_at' }, { data: 'log_updated_at', name: 'management_logs.updated_at' }, ] }); }); </script> routes: route::get('/systemlogs/data/systemlogsdatatable','systemlogscontrolle...
Read more

java - Exception in thread "main" org.springframework.context.ApplicationContextException: Unable to start embedded container; -

-
i getting error when run spring application: exception in thread "main" org.springframework.context.applicationcontextexception: unable start embedded container; nested exception org.springframework.context.applicationcontextexception: unable start embeddedwebapplicationcontext due missing embeddedservletcontainerfactory bean. @ org.springframework.boot.context.embedded.embeddedwebapplicationcontext.onrefresh(embeddedwebapplicationcontext.java:124) @ org.springframework.context.support.abstractapplicationcontext.refresh(abstractapplicationcontext.java:476) @ org.springframework.boot.context.embedded.embeddedwebapplicationcontext.refresh(embeddedwebapplicationcontext.java:109) @ org.springframework.boot.springapplication.refresh(springapplication.java:691) @ org.springframework.boot.springapplication.run(springapplication.java:320) @ org.springframework.boot.springapplication.run(springapplication.java:952) @ org.springframework.boot.springa...
Read more

sql server 2008 - My Sql Code Get An Error Of Msg 245, Level 16, State 1, Line 1 Conversion failed when converting the varchar value '8:45 AM' to data type int -

-
msg 245, level 16, state 1, line 1 conversion failed when converting varchar value '8:45 am' data type int. script declare @specimenid bigint = 0, @script varchar(max); declare @starttime int = (select convert(int,substring(start_time,0,charindex(':', start_time)) - 12) appt appt._id=112601) --select @starttime set @script = 'select distinct ptlast_name + '', '' + pt.first_name patient_name, dbo.formatdate(pt.dob,''mm/dd/yyyy'') dob, (convert(varchar, (datediff(yy, dob, appt_date) - case when (month(dob) > month(appt_date)) or (month(dob) = month(appt_date) , day(dob) > day(appt_date)) 1 else 0 end)) + ''/'' + convert(varchar, (datediff(m, dateadd(yy, (datediff(yy, dob, appt_date) - case when (month(dob) > month(appt_date)) or (month(dob) = month(appt_date) , day(dob) > day(appt_date)) 1 else 0 end), d...
Read more