Hello,
We are experiencing high memory usage when using Directives in the grid's column templates.
Due to our business requirement, we have two grids on one page that each contain around 10 columns. There is a lot of different functionality between the grids so the column templates can be pretty complicated (icons for context menus, multiple line content, links..).
In order to implement these features, we thought it would be a good idea to use angular js directives in the kendo grid (using the angular js initialization of the grid of course). We could then proceed to test these directives using jasmine and even import these directives into grids in other pages.
We recently noticed, however, that this uses too much memory (about 450 MB with one grid having 20 rows and the other 120). Each single cell becomes a directive with its own child scope.
Is there any way that you'd recommend for us to create one directive for the entire column not individual cells? Or at least lower the memory usage?
Thank you.
1 Answer, 1 is accepted
Apologies for the delayed response.
When a directive is used in the column template it is expected to have a new directive for every cell as every cell in the column is associated with a different data item.
As for optimising the memory usage, in general, reducing the page size of the Grid that currently has 120 rows will be the first options.
Still, in order to provide additional suggestions for optimising the scenario, we will need a fully runnable example. This will help us test it locally, and determine which part of the Grid can be optimised, so the memory usage stays at a reasonable level.
Regards,
Stefan
Telerik by Progress