[V 4.0.4] - Kendo Grid Event on view selection change

Hi Iram,

We fire following custom event when user switches view.

"rb.newui.util.customEvents.rbs_viewSelectorChange"

How ever this event fired after Kendo Grid initialization, so there is a possibility that  if you listen for view change event first time your "dataBound" event may not get called because Grid Data Binding might be finished by the time view switch event is fired .

You can give a try with following code snippet

<script>

 $(document).on(rb.newui.util.customEvents.rbs_viewSelectorChange,function(){

    dataBoundEventHandler();

 });

function dataBoundEventHandler(){

 var pageComponent = rb.newui.page.PageContext.getPageComponent(7773); //7773- cellID get from Page Design

 if(pageComponent && (typeof pageComponent.getKendoConfig=== 'function')){

    var kendoConfig = pageComponent.getKendoConfig();

    if(kendoConfig){

        kendoConfig.bind('dataBound',function(){ console.log('Data Bound event')});

    }

 }

}

//attach first time handler

dataBoundEventHandler();

</script>

Thanks,

Vimal

Hello Vimal,

Thanks for the above code. The viewSelectorChange event does fire, but my code in the dataBound event function doesn't get fired upon change of View. Any suggestions?

Cheers.

Iram

Hello Vimal,

I found a solution to this. Just modified the code below to get it to work as expected. I had to perform a grid read before calling the dataBoundEventHandler() so that it carries out all processing again. It all works now.

<script>

 $(document).on(rb.newui.util.customEvents.rbs_viewSelectorChange,function(){

var grid = $("#" + $("section[name='Section1']").find(".rbs-grid").attr("id")).data("kendoGrid");
var gridID = $("section[name='Section1']").find(".rbs-grid").attr("id");

grid.dataSource.read();

dataBoundEventHandler();
});
</script>

Cheers.

Iram

Hi Iram,

Sorry for delayed response. I am glad you made it work. But to be clear when "rb.newui.util.customEvents.rbs_viewSelectorChange" event is fired after Kendo Grid initialization . We do dataSource.read() after grid initialization is done so when you listen for view change event dataBound would have been fired already that's why you couldn't get hold of it. But if you have more than one pages of records in your list, when you switch between pages you will get call back to dataBound handler. So ideally you miss first dataBound event when you listen for view change event.

So your grid.dataSource.read() would make one more data fetch call for current page and you get a callback to your dataBound event. That's how it worked for you.

One more suggestion I would like to add , you can use our client side SDK to get kendoGrid instance as suggested in my code on my previous post for compatibility purpose. We recommend customer to use our API instead of using jQuery selector as this may get change in future releases.

Thanks,

Vimal.

Thanks for the explanation and will use the client side SDK.

Cheers.

Iram