Dropdown edit data not showing

[vin]

I am binding single data for Edit dropdown as per example, but the value i bind dosent show up instead it show the data from the column(it is picking unique values from Contact Type column) ). Germany is NOT showing up.

And how do i bind multiple values if i have 'Germany','India','USA'

,

import { EditSettingsModel, ToolbarItems, IEditCell, CellEditArgs, FilterSettingsModel } from '@syncfusion/ej2-angular-grids';

  public ddParams: IEditCell ;

 ngOnInit() {

    

    this.ddParams =  { params: { value: 'Germany' } }; // from example

}

//HTML

<ejs-grid [dataSource]='dataContacts' (rowSelected)='rowSelected($event)'  [allowFiltering]='true' [filterSettings]='filterOptions'   [allowPaging]='true'  [allowSorting]='true' [pageSettings]='pageOptions' [editSettings]='editSettings' [toolbar]='toolbar' >

     <e-columns>

          <e-column field='contactType' headerText='Contact Type' editType= 'dropdownedit' [edit]='ddParams'  width=150></e-column> 

     </e-columns>

</ejs-grid>

[Manivel Sellamuthu]

Hi Vin, 

Greetings from Syncfusion support. 

Based on your query we understand that you want to provide your own dataSource to the dropdown edit and you can achieve that by providing dataSource for the dropdown through editParms. We have already discussed about this in our documentation section. Please refer the below documentation link for more information. 

Documentation: https://ej2.syncfusion.com/angular/documentation/grid/how-to/#provide-custom-data-source-and-enabling-filtering-to-dropdownlist 

The value property on the editParams is used to set the selected item on the dropdown if the value exists on its dataSource. 

API: https://ej2.syncfusion.com/angular/documentation/api/drop-down-list/#value 

Please let us know, if you have any concerns. 

Regards, 

Manivel 

[abdelmonaim]

I have the same issue the value I bind dosent show up instead it show the data from the column(it is picking unique values)

it get fixed when I turn virtualization off

case 'dropdownlist':
  x.editType = 'dropDownEdit';
  x.edit = {
    params: {
      dataSource: ['one', 'two'],
      query: new Query()
    }
  }
  break;
​​

[Rajapandi Ravi]

Hi Abdelmonaim, 

We have analyzed your query with provided information and found that you have tried to set a drop-down list datasource using an edit params. We would like to inform you that you can achieve this requirement using cell edit template features of Grid, this will create a DropDownList component externally and you can customize as you want. Please refer the below documentation for more information. 

 

Documentation: https://ej2.syncfusion.com/angular/documentation/grid/editing/edit-types/#custom-editors-using-template 

 

Regards, 

Rajapandi R