I need different page of Document Editor,Diagram and Spreadsheet with full menu and with dropdown tree on each page

[ASIM TAUSIF KHAN]

I need different page of Document Editor,Diagram and Spreadsheet with full menu and with dropdown tree on each page

[Vinitha Devi Murugan]

Hi ASIM, 

Syncfusion Greetings. 

We could not able to understand your requirement clearly in last post update. Kindly let us know more details about your use case scenario to serve you better.  

 

Regards,  

M.Vinitha devi 

[ASIM TAUSIF KHAN]

I mean to say that i need each mentioned control on differnet pages.with dropdowntree

[Vinitha Devi Murugan]

Hi ASIM, 

 

Thanks for your update. 

Can you please confirm us whether the following is your requirement? Or can you please explain your requirement clearly with pictorial representation. It will helpful for us to assist you better. 

1. Tree view with components (documenteditor, diagram, spreadsheet) listed. When selecting any of the components, selected component has to be opened in new tab? or in the same page?
2. If it has to be opened in new tab, same tree view should be maintained in each navigated page in order to navigate to other components?

Regards, 

M.Vinitha devi 

[ASIM TAUSIF KHAN]

not threeview,dropdown tree with mentioned component.open in new windows.kindly make sure diagram have the all menu like in attached file

Attachment: Untitled_fea027fa.7z

[Sevvandhi Nagulan]

Hi ASIM, 

We have checked the reported requirement. We have made the using DropDownList grouping and when you click the list item then it will navigate to different page. Please refer the sample below, 

Sample Link: https://www.syncfusion.com/downloads/support/directtrac/general/ze/WebApplication1-1943761378 

Regards, 

Sevvandhi N 

[ASIM TAUSIF KHAN]

i dont need dropdown but i need dropdown tree component in all three component but on different page.find the attachment

Attachment: Untitled_d68de9f8.7z

[ASIM TAUSIF KHAN]

i need the mentioned components in the project and you are opening the syncfusion pages.what dont you understand my simple question.

i need a project with document editor, spreadsheet and diagram which i mentioned above with picture.and i need dropdown tree(ej.dropdowntree) component also attached the picture in all 3 component.

[Sureshkumar P]

Hi Asim,  

  

You can navigate the page when you select the items in the DropDownTree component using the select event. You can add your controls in different page and customize the navigation based on your requirements.  

  

Refer the below code block:  

  

    $('#dropdown1').ejDropDownTree({  

                treeViewSettings: {  

                    fields: {  

                        id: "id",  

                        parentId: "pid",  

                        text: "name",  

                        hasChild: "hasChild",  

                        dataSource: ej.DataManager(localData),  

                        expanded: "expanded"  

                    }  

                },  

                watermarkText: "Navigate to Page",  

                width: "100%",  

                enableFilterSearch: true,  

                select: function (args) {  

                    location.replace("http://localhost:55221/Home/" + args.value);  

                }  

            });  

        });  

    </script>  

  

  

Refer to the below link for the sample.  

  

https://www.syncfusion.com/downloads/support/directtrac/general/ze/WebApplication1-692510033.zip  

  

  

You can also integrate both EJ2 components & EJ1 controls in the same application. Please refer following documentation,   

  

Compatibility with EJ1: https://ej2.syncfusion.com/documentation/getting-started/compatible-with-essential-js1/      

  

Compatibility with EJ2: https://help.syncfusion.com/js/compatibility   

  

Please let us know if you have any concerns.  

 

Regards, 

Sureshkumar P