We use cookies to give you the best experience on our website. If you continue to browse, then you agree to our privacy policy and cookie policy. (Last updated on: June 24, 2019).
Unfortunately, activation email could not send to your email. Please try again.
Syncfusion Feedback

Large Data

Thread ID:

Created:

Updated:

Platform:

Replies:

144724 May 20,2019 06:06 AM UTC May 22,2019 12:01 PM UTC Angular - EJ 2 5
loading
Tags: Treeview
Neha Das
Asked On May 20, 2019 06:06 AM UTC

I have a large data coming from json url and I am setting it up using the tree,but the parent checkbox still appears even after calling the function after complete loading of data.Is there any way to know that my whole tree has finished loading and I can fire an event after my tree is loaded

Ashokkumar Balasubramanian [Syncfusion]
Replied On May 20, 2019 09:54 AM UTC

Hi Neha, 
 
Greetings from Syncfusion support. 
 
We have analyzed your query at our end. We suspect that, you have tried to load large number of data with checkbox element, then customize the checkbox element on certain case. For this scenario, we suggest you use the created event, because created event fired when all the tree nodes are loaded into the DOM. Please check the below API documentation. 
 
 
Still you are facing issues, please explain your application logic scenario with screen shots or else shared the specified code block. 
 
Regards, 
Ashokkumar B. 


Neha Das
Replied On May 20, 2019 12:24 PM UTC

My tree is getting loaded and I have also placed the created function.The checkbox still seems to be added in the parent.

Attachment: src_8c58704f.zip

Christopher Issac Sunder K [Syncfusion]
Replied On May 21, 2019 12:54 PM UTC

Hi Neha, 

Thanks for the details. 

We tried to debug the source you provided to us. But unfortunately we could not access it due to following issue, 
 

However we can understood your requirement and created the custom sample based on that. If you like to hide the parent level check boxes alone , then you can simply use the following css 
.e-list-item.e-level-1 .e-text-content.e-icon-wrapper 
.e-checkbox-wrapper { 
    display: none 
} 

Please find the corresponding output image 
 


Please check the above sample and get back to us if you need any further assistance. 

Thanks, 
Christo 


Neha Das
Replied On May 21, 2019 01:46 PM UTC

Hi Neha, 

Thanks for the details. 

We tried to debug the source you provided to us. But unfortunately we could not access it due to following issue, 
 

However we can understood your requirement and created the custom sample based on that. If you like to hide the parent level check boxes alone , then you can simply use the following css 
.e-list-item.e-level-1 .e-text-content.e-icon-wrapper 
.e-checkbox-wrapper { 
    display: none 
} 

Please find the corresponding output image 
 


Please check the above sample and get back to us if you need any further assistance. 

Thanks, 
Christo 


I have the json file named as (mydata.json).The component which is using the tree is (data-fetch folder).The service file is where I have created the array objects in tree format.
My data is having mutiple structure where I want the 1st top level parent node not to be checkbox,rest all children will be checkbox,the first parent of every tree will not carry checkbox.



Attachment: sample_deee34c0.zip

Christopher Issac Sunder K [Syncfusion]
Replied On May 22, 2019 12:01 PM UTC

Hi Neha, 

Thanks for the details. Now we can able to debug the source. You can remove the checkbox in the top most level of treeview (i.e e-level-1 ) in the drawNode event of treeview. Please refer the following code snippet . 

public DrawNode(args) { 
    if (args.node.classList.contains('e-level-1')) 
        args.node.querySelector('.e-checkbox-wrapper').style.display = "none" 
} 

Please find the corresponding output image. 
 


Please check the above sample and let us know if you have any concerns. 

Thanks,
Christo 



CONFIRMATION

This post will be permanently deleted. Are you sure you want to continue?

Sorry, An error occured while processing your request. Please try again later.

Please sign in to access our forum

This page will automatically be redirected to the sign-in page in 10 seconds.

Warning Icon You are using an outdated version of Internet Explorer that may not display all features of this and other websites. Upgrade to Internet Explorer 8 or newer for a better experience.Close Icon

Live Chat Icon For mobile
Live Chat Icon