[Solved] apply a common javascript function to all grids

[Mandar Bansod]

Hi,
I am working on an application which uses telerik mvc grids extensively. In each of the grid I have a column 'IsActive' which contains a boolean value. I want all the rows with IsActive = false should be highlighted with some color.

I could write a javascript which can execute on rowDataBound() event of the grid. But for the purpose I need to dig into the application, locate each & every grid & add that client event to the grid markup.

I don't want to do that as there are more than 200 grids in application & also its a bit time consuming & error prone.

Is there any ways where in I would write a code at single place & it will apply to all of the grids across my application ?

Thanks for you help.

[Dadv]

Hi,

Do you try an inheritance ?

make all your models inherit from an interface and change the Grid declaration by a CustomGrid like this :

public interface IIsActive
   {
       public bool IsActive { get; set; }
   }

   public class CustomGrid<T> : Grid<T> where T : class, IIsActive
   {
       public CustomGrid(ViewContext viewContext, IClientSideObjectWriterFactory clientSideObjectWriterFactory, IUrlGenerator urlGenerator, ILocalizationService localizationService, IGridHtmlBuilderFactory htmlBuilderFactory)  : base(viewContext, clientSideObjectWriterFactory, urlGenerator, localizationService, htmlBuilderFactory)
       {
           base.RowAction = row =>
           {
               if (!row.DataItem.IsActive)
               {
                   row.HtmlAttributes["class"] = "highlight";
               }
           };
       }
   }

[Dadv]

Forget it, it only work if you do it in the telerik mvc source code...

[Dadv]

I found an other way :

public static GridBuilder<T> Highlight<T>(this GridBuilder<T> builder) where T : class,IIsActive
       {

           var grid = builder.ToComponent();
           if (grid.IsClientBinding)
           {
               grid.ClientEvents.OnRowDataBound.HandlerName = "onRowDataBound";
           }
           else
           {
               grid.RowAction = row =>
               {
                   if (!row.DataItem.IsActive)
                   {
                       row.HtmlAttributes["class"] = "onRowDataBound";
                   }
               };
           }


           return builder;
       }

function onRowDataBound(e) {
    if (!e.dataItem.IsActive) {
        e.row.className = 'Hightligth';
    }
}

you just have to had the .Highlight () method in yours grids. I try it and it work.

[Mandar Bansod]

Hi Davd

The code you provided worked for me, just needed to make some changes in your code & its working fine at my end. Thanks for the kind help.