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

Using ejs-multiselect inside ejs-tab with [showDropDownIcon]='true' gives error and also placeholder text is not set

Thread ID:

Created:

Updated:

Platform:

Replies:

144396 May 4,2019 11:17 AM UTC May 8,2019 03:30 AM UTC Angular - EJ 2 3
loading
Tags: Tab
Sunita
Asked On May 4, 2019 11:17 AM UTC

I am using ejs-tab, in one of the tab I have placed ejs-multiselect (mode is checkbox). So for ejs-multiselect if I set property showDropDownIcon to true then I get below error and also on selecting values - (change) event is not fired.

multiselect control is placed in second tab - appTest2
<ejs-multiselect id='filteruserlist' #filteruserlist [dataSource]='users' [placeholder]='placeholder' [fields]='checkFields' (change)='onUserChange($event)' [mode]='CheckBox' [showDropDownIcon]='true' [filterBarPlaceholder]='filterPlaceholder'></ejs-multiselect>

tab control - 
<ejs-tab id="ejsTab" #tab (selected)='handleTabSelectEvent($event)'>
                    <e-tabitems>
                        <e-tabitem [header]='headerText[0]' content="#appTest1Id"></e-tabitem>
                        <e-tabitem [header]='headerText[1]' content="#appTest2Id"></e-tabitem>
                    </e-tabitems>
</ejs-tab>

          <div>
                    <div id="appTest1Id" style="display:none">
                        <div class="control-section">
                            <app-assessment-analytics #appTest1></app-assessment-analytics>
                        </div>
                    </div>
                    <div id="appTest2Id" style="display:none">
                        <div class="control-section">
                            <app-assessment-analysis #appTest2  (onTest2Updated)="onTest2Updated($event)"></app-assessment-analysis>
                        </div>
                    </div>
         </div>

Error - 


Note - this is the case only when multiselect is placed inside tab control.

Help appreciated. 

Thanks,
Sunita

Karthigeyan Krishnamurthi [Syncfusion]
Replied On May 6, 2019 07:02 AM UTC

Hi Sunita,   
  
Greetings from Syncfusion. 
 
We have checked the reported case and MultiSelect control is rendering control within Tab. Kindly try the sample and if the issue persists, try to reproduce the error in a sample and revert else share your code example/runnable sample (if possible) to serve you better. 
 
Regards, 
Karthi 
 
 
 


Sunita
Replied On May 7, 2019 08:40 AM UTC

Hello Karthi,

I was having older version of syncfusion controls 16.x.x.x upgraded to newer version 17.x.x.x and the issue is resolved.

Thanks for your help.

-Sunita

Karthigeyan Krishnamurthi [Syncfusion]
Replied On May 8, 2019 03:30 AM UTC

Most welcome Sunita 😊 
 


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