1. Home
  2. Forum
  3. ASP.NET Core
  4. EJ1's combobox component is used with components such as Grid\Dialog

EJ1's combobox component is used with components such as Grid\Dialog

Hi,

When the combobox component is used together with components such as Grid\Dialog, the effect does not appear on the page. When the combobox is not added, the page can be displayed normally. There is no example code component mixed usage guide example.

thanks,
linsee

8 Replies
KR Keerthana Rajendran Syncfusion Team May 4, 2018 12:16 PM UTC

Hi Linsee,   
   
Thank you for contacting Syncfusion Support.   
   
We have prepared a sample in EJ1 Asp.Net Core with mentioned controls. Sample works fine at our end. Please refer to the below code.   
   
<ej-dialog id="Dialog1" title="London">   
    <e-content-template>   
        <div>   
            <p>   
                London one of the most popular tourist destinations in the world for a reason. A cultural and historical hub, London has an excellent public transportation system that allows visitors to see all the fantastic sights without spending a ton of money on a rental car.London contains four World Heritage Sites.   
            </p>   
        </div>   
    </e-content-template>   
</ej-dialog>   
<br />   
<ej-grid id="FlatGrid" allow-sorting="true" allow-paging="true">   
    <e-datamanager url="//js.syncfusion.com/demos/ejServices/Wcf/Northwind.svc/Orders/?$top=45" offline="true" cross-domain="true"></e-datamanager>   
    <e-columns>   
        <e-column field="OrderID" header-text="Order ID" text-align="Right" width="75"></e-column>   
        <e-column field="CustomerID" header-text="Customer ID" width="80"></e-column>   
        <e-column field="EmployeeID" header-text="Employee ID" text-align="Left" width="75"></e-column>   
        <e-column field="Freight" header-text="Freight" format="{0:C2}" text-align=Rightwidth="75"></e-column>   
        <e-column field="OrderDate" header-text="Order Date" format="{0:MM/dd/yyyy}" text-align=Right width="80"></e-column>   
        <e-column field="ShipCity" header-text="Ship City" width="110"></e-column>   
    </e-columns>   
</ej-grid>   
<br />   
<ej-combo-box id="searchCustomer" query="ej.Query().from('Suppliers').select('SupplierID', 'ContactName')" placeholder="Select a customer" width="100%">   
    <e-datamanager url="//js.syncfusion.com/ejServices/wcf/NorthWind.svc/" offline="false" cross-domain="true"></e-datamanager>   
    <e-combo-box-fields text="ContactName" value="SupplierID" />   
</ej-combo-box>   
   
   
Sample can be downloaded from the below link.   
   
   
If we have misunderstood, please provide us details on the following to proceed further.   
   
  1. Whether you are using these components with EJ1 or EJ2 else you are trying to combine both in single sample? If yes, please share us the platform details for these controls.
  2. Whether ComboBox is rendered inside Grid or it is rendered separately in the page?
  3. If possible, share is screenshot or video on the issue so that it will be helpful for us to serve you better.
   
Regards,   
Keerthana.   
 


LI linsee May 7, 2018 01:40 AM UTC

Hi Keerthana.  
Thank you very much for your help, the company has a code that cannot be disclosed.
Is it because I didn't add NuGet package to my project? The following screenshot shows what I added in the project:

Syncfusion.EJ.AspNet.Core Upgraded to the latest version.
The number of these NuGet packages and the NuGet package you gave me is inconsistent. Do I also need to add all the NuGet packages in my example in my project?

Thanks,
Linsee

LI linsee May 7, 2018 03:59 AM UTC

Hi Keerthana,
The screenshots just didn't cut off well. I retaken a screenshot.



thanks,
Linsee

KR Keerthana Rajendran Syncfusion Team May 7, 2018 11:59 AM UTC

Hi Linsee,   
   
ComboBox component has been included in our Volume 4 15.4.0.17 release, so we have provided sample in the corresponding version. Please refer to the below given link.   
   
   
   
Based on the screenshot, it seems you are using 15.3.0.33 version in which ComboBox is not included. Kindly upgrade to 15.4.0.17 or later versions to render ComboBox along with other controls   
   
   
Please refer to the below given UG for project migration.   
   
   
Regards,   
Keerthana.   
 


LI linsee May 8, 2018 01:19 AM UTC

Hi Keerthana,
I have upgraded the Syncfusion.EJ.AspNet.Core version to the highest version 16.1600.0.32.
This is written in the code:

There is no error in code compilation, but accessing this page after running will give an error.

Can you guide the solution to this problem?
Thanks,
Linsee

KR Keerthana Rajendran Syncfusion Team May 8, 2018 06:22 AM UTC

Hi Linsee, 
 
This error occurs when the component is not included in the web.all script. We suspect that the old scripts of 15.3.0.33 version has not been replaced in your project. Kindly replace the old scripts and css with the new one (16.1.0.32) in your project. You can get the script and css file from the installed location.  
 
For example, if the installed location is C: then script and css can be found in the below path. 
 
Script: C:\Program Files (x86)\Syncfusion\Essential Studio\16.1.0.32\JavaScript\assets\scripts\web 
 
CSS: C:\Program Files (x86)\Syncfusion\Essential Studio\16.1.0.32\JavaScript\assets\css\web 
 
You can also refer the below CDN links in Layout.cshtml page. 
 
 
 
We have prepared a video on this for clear understanding, please refer to the below given link. 
 
 
Regards, 
Keerthana 


LI linsee May 8, 2018 10:02 AM UTC

Hi Keerthana,

Thank you very much. I am going to change it.

Thanks,
Linsee

KR Keerthana Rajendran Syncfusion Team May 9, 2018 04:15 AM UTC

Hi Linsee, 
 
Most Welcome. Please get back to us if you need further assistance on this. We will be happy to assist you. 
 
Regards, 
Keerthana. 


Loader.
Up arrow icon