Can DropDownList manually enter values that are not in the list?


Hello,
I have a question. Doesn't it know if syncfusion supports this feature?
As shown below:

It can be input in the input of the screenshot marker to associate with the drop-down list data, and retain the current input data when no conditions are met.
English is not good, please forgive me




5 Replies

KR Keerthana Rajendran Syncfusion Team April 19, 2018 09:01 AM UTC

Hi linsee,   
   
Thank you for contacting Syncfusion Support.   
   
We don’t have option for entering custom values in DropDownList, but we can enter custom value in ComboBox component with allowCustom property of ComboBox.   
   
Please refer to the below UG and demo links.   
   
   
   
   
Regards,                                                                        
Keerthana.   
 



LI linsee April 28, 2018 08:33 AM UTC

Hi,Keerthana.   

Can Web (Essential JS 1) and Web (Essential JS 2) mix? When I test your ComboBox. control, the code doesn't work on the front page? Reference @using Syncfusion.EJ2 has been added. Do I still need to modify the others? 
When you write it like this:
   
Page is always wrong

When you write it like this:

   
ComboBox has no effect on the page.

Thank you,
Linsee


PO Prince Oliver Syncfusion Team April 30, 2018 09:26 AM UTC

HI Linsee, 

Thank you for contacting Syncfusion support. 

Yes, we can use both EJ1 and EJ2 control’s in same page. Refer to the following code 

<h2> EJ1 Combobox </h2> 
 
<div class="row"> 
    <ej-combo-box id="ej1" datasource="(IEnumerable<Languages>)ViewBag.data" placeholder="Select a Language"> 
        <e-combo-box-fields text="text" /> 
    </ej-combo-box> 
</div> 
 
<h2> EJ2 Combobox</h2> 
 
<div class="row"> 
    <ejs-combobox id="ej2" dataSource="@ViewBag.data" placeholder="Select a Language" > 
        <e-combobox-fields text="text" ></e-combobox-fields> 
    </ejs-combobox> 
</div> 

To successfully render the controls, you need to ensure the below steps in your application. 

Step 1:  Make sure that the necessary CSS files are referred in the application. Add the EJ2 compatibility CSS files to avoid styling issues.  

    <!-- Essential JS 1 default theme --> 
    <link rel='nofollow' href="resources/ej1/default-theme/ej.web.all.compatibility.min.css" rel="stylesheet" type="text/css" /> 
    <!-- Essential JS 2 material theme --> 
    <link rel='nofollow' href="resources/ compatibility/material.css" rel="stylesheet" type="text/css" /> 


Step 2: Make sure that the necessary script files are referred in the application. Make sure that the ej namespace is extended with Syncfusion before rendering the EJ1 and EJ2 controls. 

    <script> 
        $.extend(ej, Syncfusion); 
    </script> 


Step 3: Make sure that you include EJ1 Script Manager followed by EJ2 scripts in the _Layout page. 

 <ej-script-manager>    </ej-script-manager> 
    <ejs-scripts></ejs-scripts> 



Regards, 
Prince 



LI linsee May 2, 2018 11:00 AM UTC

Hi,Prince 
Preparing ASP.NET Core application
1. To use EJ2's ComboBox, which NuGet packages do I need to add? Is this ASP.NET Core (Essential JS 2) Mac and JavaScript (Essential JS 2) both?
2. After the package download and installation do not load EJ2 package?
3. Ej2.min.js Is this the time to download? Add to the project or after the reference package is added?
4. There is no project guidance for the coexistence of JS1 and JS2?
Thanks,
Linsee




KR Keerthana Rajendran Syncfusion Team May 3, 2018 01:05 PM UTC

Hi Linsee, 
 
Query 1: To use EJ2's ComboBox, which NuGet packages do I need to add? Is this ASP.NET Core (Essential JS 2) Mac and JavaScript (Essential JS 2) both?  
  
We suggest you to use Syncfusion.EJ2 NuGet package to render the Essential JS 2 components in your application. Please find the following link for NuGet package.  
  
  
Yes, you can use this in MAC and JavaScript. Please find the below documentation for further details.  
  
  
Query 2: After the package download and installation do not load EJ2 package?  
  
We have to load the EJ2 packages in the application, Please find the following link for further details.  
  
  
Query 3: Ej2.min.js Is this the time to download? Add to the project or after the reference package is added?  
  
Yes, we can get the ej2.min.js file from @syncfusion/ej2 npm package or the cdn link. If you have installed Essential Studio build, then you can get it from below location.  
  
**(installed location)**\Syncfusion\Essential Studio\{RELEASE_VERSION}\Web (Essential JS 2)\JavaScript\ej2\dist\ej2.min.js  
  
You can add this reference after the NuGet package installed.  
  
Query 4: There is no project guidance for the coexistence of JS1 and JS2?  
  
Currently we are drafting the documentation compatibility of Essential JS 1 and Essential JS 2 for ASP.NET Core  and this will be included in Essential Studio Volume 2 2018 Release.  
 
Please get back to us with clear details, if we misunderstood your query and let us know if you have any concerns.  
 
Regards, 
Keerthana. 


Loader.
Up arrow icon