[Solved] Replace angular grid binding with kendo binding

[Bradley]

We are using angular binding per below to bind our Kendo UI grid. What is standard Kendo process for binding grid data source to grid?

We want to replace Kendo-Angular directive for binding with Kendo code.

Thanks,

Bradley


Current kendo-angular binding:

<div>
                                <div id="mainGrid" kendo-grid k-options="gridOptions" k-rebind="gridOptions.selectable"
                                     k-on-change="handleChange(selected, data, dataItem, columns)"></div>
                            </div>

[Bradley]

The div for the grid will be nested in a grid associated with an angular controller.

Can you give example of how jQuery code to bind grid is used in angular controller?

Thanks 

Bradley

[Petur Subev]

Hello Bradley,

The standard way of binding the Grid through jQuery is demonstrated in many demos on our demos site, the jQuery code is listed below the demos.

http://demos.telerik.com/kendo-ui/grid/remote-data-binding

If this is not what you are searching for please elaborate.

Kind Regards,
Petur Subev
Telerik

 

 

[Bradley]

I am asking to see how kendo does this or would do this in conjunction with an angular controller.

Can the jQuery code work in the angular controller? or does code need to be embedded in the html div, as is done in the demo?

Thanks,

Bradley

[Bradley]

Please look at file in zipped attachment.

The question is where do put the jQuery code when we are using the angular controller as we are in the zipped attachment files.

[Bradley]

I succeeded in using jQuery binding in angular controller, replacing our kendo-angular binding, as in code below, but ie10 performance issues remain, with approximately 500 rows and 40 columns.

Do you think it would help to add MVVM and observable functionality to help with performance issue in ie10?

Any other ideas to improve performance in ie10. This is a deal breaker for us, in terms of using kendo ui, as many of our customes use ie10.


 <div id="mainGrid" kendo-grid k-options="gridOptions" k-rebind="gridOptions.selectable"
                                     k-on-change="handleChange(selected, data, dataItem, columns)"></div>

[Petur Subev]

Hello Bradley,

500 rows and 40 columns are just too many cells which cause the poor performance in the IE browser. I am afraid there are not any suggestions that we could give you to improve the performance other than reducing the pageSize / and or the number of the columns.

I am sorry for any inconvenience caused.

Kind Regards,
Petur Subev
Telerik