Ej2 DropDownTree: Dropdown not open at second popup

Hello,

I have grid with custom dialog template. On that template I render DropDownTree. First opening of grid dialog template, the DropDownTree render perfectly. But if I close the opened dialog template and then re-open again the dialog template is resulting the DropDownTree is not open when selected. Below are the pictures:


first dialog open:



second dialog open:



Below are the source code to render the DropDownTree:


                    actionComplete: (args) => {


                        if ((args.requestType === 'beginEdit' || args.requestType === 'add')) {


                            var dialog = args.dialog;
                            dialog.height = '600';
                            dialog.width = '500';
                            dialog.header = args.requestType === 'beginEdit' ? 'Update Record' : 'New Record';




                            window.localData = [
                                { id: 1, name: 'Discover Music', hasChild: true, expanded: true },
                                { id: 2, pid: 1, name: 'Hot Singles' },
                                { id: 3, pid: 1, name: 'Rising Artists' },
                                { id: 4, pid: 1, name: 'Live Music' },
                                { id: 7, name: 'Sales and Events', hasChild: true },
                                { id: 8, pid: 7, name: '100 Albums - $5 Each' },
                                { id: 9, pid: 7, name: 'Hip-Hop and R&B Sale' },
                                { id: 10, pid: 7, name: 'CD Deals' },
                                { id: 11, name: 'Categories', hasChild: true },
                                { id: 12, pid: 11, name: 'Songs' },
                                { id: 13, pid: 11, name: 'Bestselling Albums' },
                                { id: 14, pid: 11, name: 'New Releases' },
                                { id: 15, pid: 11, name: 'Bestselling Songs' },
                                { id: 16, name: 'MP3 Albums', hasChild: true },
                                { id: 17, pid: 16, name: 'Rock' },
                                { id: 18, pid: 16, name: 'Gospel' },
                                { id: 19, pid: 16, name: 'Latin Music' },
                                { id: 20, pid: 16, name: 'Jazz' },
                                { id: 21, name: 'More in Music', hasChild: true },
                                { id: 22, pid: 21, name: 'Music Trade-In' },
                                { id: 23, pid: 21, name: 'Redeem a Gift Card' },
                                { id: 24, pid: 21, name: 'Band T-Shirts' },
                                { id: 25, name: 'Fiction Book Lists', hasChild: true },
                                { id: 26, pid: 25, name: 'To Kill a Mockingbird' },
                                { id: 27, pid: 25, name: 'Pride and Prejudice' },
                                { id: 28, pid: 25, name: 'Harry Potter' },
                                { id: 29, pid: 25, name: 'The Hobbit' },
                            ];


                            new ej.dropdowns.DropDownTree({
                                allowFiltering: true,
                                showClearButton: true,
                                popupHeight: '200px',
                                floatLabelType: 'Always',
                                fields: { dataSource: localData, value: 'id', text: 'name', parentValue: 'pid', hasChildren: 'hasChild' },
                                placeholder: 'Parent'
                            }, args.form.elements.namedItem('parent'));


Thank you in Advance,

Ismail


3 Replies 1 reply marked as answer

SM Shalini Maragathavel Syncfusion Team October 1, 2021 12:35 PM UTC

Hi Ismail, 

Greetings from Syncfusion support. 

Based on your query, we could understand that you are facing an issue in opening the Dropdown Tree rendered inside the dialog template of Grid. So, we have prepared a sample for Grid dialog template with Dropdown Tree based on the provided code snippet but we did not face the mentioned issue at our end as the Dropdown Tree rendered inside the dialog template of Grid is opened properly.  
We have attached our validated sample for your reference. 
If your reported problem persists, then please share the following information to validate further.  
  • If possible, replicate your reported problem in the above sample or provide a simple sample to replicate the issue.
  • Video demonstration of the issue.
  • Syncfusion package version.
This information would help us to find the exact cause of reported problem and to provide you the prompt solution.  
Regards, 
Shalini M. 



IH ISMAIL HAMZAH replied to Shalini Maragathavel October 8, 2021 07:01 AM UTC

Hi Shalini,


Thank you for the update. I have it working now, after change Syncfusion version: I change the version from v19.2, into v19.3


Thank you for the support.


Best regards,

Ismail


Marked as answer

KR Keerthana Rajendran Syncfusion Team October 11, 2021 07:11 AM UTC

Hi Ismail, 

Most welcome.  

We are glad to hear that the issue is resolved with the latest Syncfusion package version. Please get back to us if you need further assistance. 

Regards, 
Keerthana R. 


Loader.
Up arrow icon