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

Multiple dropdownlist in grid with inline editing

Thread ID:

Created:

Updated:

Platform:

Replies:

147325 Aug 29,2019 11:28 AM UTC Sep 10,2019 07:16 AM UTC ASP.NET Core - EJ 2 3
loading
Tags: DataGrid
Yann Jobin
Asked On August 29, 2019 11:28 AM UTC

Hello,

I'm continue my proof of concept with you Framework :)
I have an inline edit page based on the grid, and i would integrate a multiple dropdownlist as column in the grid with inline editing.

My models :
Currency (Id, Name, IsoCode) < 0-n >Export (Id, Name)
A "Currency" can be exported on 0 or many "Export".
The grid is for CRUD the Currency model, and the content of the dropdownlist would be based on the Export model.

After searching a moment, i have found sample, but with de EJ version only, and i use the EJ 2.
Thank you for help.

Best regards,

Pavithra Subramaniyam [Syncfusion]
Replied On September 6, 2019 12:11 PM UTC

Hi Yann, 
 
Greetings from Syncfusion. 
 
Query: Multiple dropdownlist in grid with inline editing 
 
We have validated your query and we are quite unclear about your requirement. Could you please check the below documentation links and check whether the below topics satisfy your requirement or not. 
 
                                             https://ej2.syncfusion.com/aspnetcore/documentation/grid/columns/#foreign-key-column 

If the above links does not meet your requirement, then could you please share the below details. It will be help to provide a better solution. 

  • Do you want to render multi select dropdown list in grid column?
  • Share the link for EJ1 sample if possible.
  • Share more details about your requirement.
 
Regards, 
Pavithra S 


Yann Jobin
Replied On September 9, 2019 11:03 AM UTC

Hi,

For answer to you questions :
  • Do you want to render multi select dropdown list in grid column? Yes ! But with the content of the dropdownlist must be data from another table with Relationship !
  • Share the link for EJ1 sample if possible. This the link : https://www.syncfusion.com/forums/141189/multi-select-dropdownlist-in-grid
  • Share more details about your requirement. Render multi select dropdown in grid column, with the ASP.NET Core EJ2 Framework.
The 2 link you have writing are good for start, but i don't understand how implementing the multi select dropdown in the grid.

Thank you for support.
Best regards

Pavithra Subramaniyam [Syncfusion]
Replied On September 10, 2019 07:16 AM UTC

Hi Yann, 
 
Thanks for your update. 
 
Based on your requirement we have created a sample in which, we have rendered multiselect dropdown in CustomerID column(while editing) by using cell edit template  support. Please find the below code example and sample for your reference. 
 
[code example] 
<ejs-grid id="Grid" dataSource="@ViewBag.data" allowPaging="true" toolbar="@( new List<object>() {"Add","Edit","Delete","Update","Cancel"})"> 
    ... 
   <e-grid-columns> 
        <e-grid-column field="OrderID" headerText="Order ID" isPrimaryKey="true" textAlign="Right" width="120"></e-grid-column> 
        <e-grid-column field="CustomerID" headerText="Customer ID" textAlign="Right" width="120" edit="@(new {create = "onCreate", read = "onRead", write = "onWrite", destroy= "onDestroy"})"></e-grid-column> 
        ... 
    </e-grid-columns> 
</ejs-grid> 
 
<script> 
 
    var multiSelectEle; 
    var element 
    function onCreate(args) { 
        element = document.createElement('input'); 
        return element; 
    } 
    function onRead(e) { 
        return multiSelectEle.value; 
    } 
    function onDestroy() { 
        multiSelectEle.destroy(); 
    } 
    function onWrite(args) { 
        multiSelectEle = new ej.dropdowns.MultiSelect({    //rendering multiSelectEle component 
            dataSource: @Html.Raw(Json.Serialize(@ViewBag.dropData)), 
            fields: { value: "CustomerID", text:"CustomerID"} 
        }); 
        multiSelectEle.appendTo(element); 
    } 
 
</script> 
 
 
 
Please get back to us if you need further assistance. 
 
Regards, 
Pavithra S. 


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