TreeView Performance Issue

TreeView Performance Issue

Posted by: rambabu on 13 October 2017, 8:19 am EST

• 

  rambabu

  • Post Options:
  • Link
    Copy
  • Jump To Answer

  Posted 13 October 2017, 8:19 am EST

  I have used a treeview. It has over 6500 records. When I am Checking or Unchecking the nodes, it takes over 60-70secs to do so. How to check and uncheck faster.

  Thanks

• 

  abhishek.dutta

  

  • Post Options:
  • Link
    Copy

  Posted 15 October 2017, 5:52 pm EST

  I would request you to not load the Entire Tree all at once. It would be better to use LazyLoading to optimize the performance. Here is the sample for the same.

  http://demos.wijmo.com/5/Angular2/TreeViewIntro/TreeViewIntro/

  Please see the Lazy Loading and OData & Lazy Loading Sections to know how to implement Lazy Loading.

  Thanks,
  
  Abhishek

• 

  rambabu

  • Post Options:
  • Link
    Copy

  Posted 16 October 2017, 4:39 am EST

  Hi Abhishek,

  Thanks for such prompt response.
  
  Can you please send any sample for Lazy Loading -Checkbox code example (JS Fiddle link).
  
  It will be of great help.

  Thanks,
  
  Ramababu

• 

  abhishek.dutta

  

  • Post Options:
  • Link
    Copy

  Posted 16 October 2017, 2:38 pm EST

  We currently don’t have a fiddle for the same, but we have a sample that would be useful for you. I have attache the sample with the post. Let me know if you face any issues.

  In order to run the sample:

  1. Open CMD → Navigate to the Sample
  2. Run npm install
  3. Run npm start

  TreeViewIntro.zip

• 

  rambabu

  • Post Options:
  • Link
    Copy

  Posted 29 December 2017, 5:48 am EST

  Hi Abhishek,

  Can you please send the sample for Lazy Loading -Checkbox code example in JavaScript instead of typescript. I needed it in JavaScript.
  
  It will be of great help.

  Thanks

• 

  manish.gupta

  

  • Post Options:
  • Link
    Copy

  Posted 1 January 2018, 3:48 pm EST

  Hi Rambabu,
  
  There are some limitation if you are using lazyLoading for TreeView. The checkboxes may not be displayed and collepaeToLevel method will not collapse and expand.
  
  Please refer to the documentation for the same:
  
  http://demos.wijmo.com/5/Angular/WijmoHelp/WijmoHelp/topic/wijmo.nav.TreeView.Class.html#lazyLoadFunction

  Please also refer to TreeView demo sample for the same.
  
  http://demos.wijmo.com/5/PureJS/TreeViewIntro/TreeViewIntro/

  Source code may be found offline in samples folder if needed.

  ~Manish