SFgrid<object>....
{ isDisplayDatachanged.Border = true,
or.. isDisplayDatachanged.Backgroundcells = true, }
thanks
[GridFeatures.cshtml] @(Html.EJ().Grid<OrdersView>("Editing") .Datasource(ds => ds.Json((IEnumerable<object>)ViewBag.dataSource).UpdateURL("NormalUpdate").InsertURL("NormalInsert").RemoveURL("NormalDelete").Adaptor(AdaptorType.RemoteSaveAdaptor)) .AllowPaging() .Columns(col => { … }) .ClientSideEvents(eve => { eve.ActionComplete("onComplete"); }) ) </div> <script> function onComplete(args) { switch (args.requestType) { case "delete": alert("The customer id:" + args.data.CustomerID + "record is removed"); break; case "save": if (args.previousData.CustomerID == "") { alert("new data is added" + args.data); $(".e-grid tr").removeClass("new"); $(this.getRowByIndex(args.selectedRow)).addClass("new"); } else { $(".e-grid tr").removeClass("new"); $(this.getRowByIndex(args.selectedRow)).addClass("new"); } break; } } </script> <style> .e-grid tr.new{ background: #ff6a00; background: -moz-linear-gradient(top,#ff6a00,#e9e9e9); background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#ff6a00),color-stop(100%,#e9e9e9)); background: -webkit-linear-gradient(top,#ff6a00,#e9e9e9); background: -o-linear-gradient(top,#ff6a00,#e9e9e9); background: -ms-linear-gradient(top,#ff6a00,#e9e9e9); background: linear-gradient(to bottom,#ff6a00,#e9e9e9); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff6a00',endColorstr='#e9e9e9',GradientType=0); } </style> |