Hi Ivashko,
Thanks for contacting Syncfusion support,
You can enable the mutliSelect dropdown using the edit template. Inside the load event you can include your edit template.
Please refer the below code example
|
<ejs-grid id="Grid" dataSource="ViewBag.DataSource" height="315" allowPaging="true" locale="es-AR" allowFiltering="true" load="createMultiSelect" allowGrouping="true">
<e-grid-editSettings allowAdding="true" allowDeleting="true" allowEditing="true"></e-grid-editSettings>
<e-grid-columns>
<e-grid-column field="OrderID" headerText="Order ID" isPrimaryKey="true" textAlign="Right" width="100"></e-grid-column>
<e-grid-column field="ShipCountry" headerText="Ship Country" width="150"></e-grid-column>
</e-grid-columns>
</ejs-grid>
<script>
function createMultiSelect() {
var city = ["Denmark", "Brazil", "Germany"]
var multiSelectComp;
this.columns[1].edit = {
create: function (args) {
elem = document.createElement('input');
return elem;
},
read: function () {
return //you can return the value here
},
write: function (args) {
multiSelectComp = new ej.dropdowns.MultiSelect({
dataSource: city
});
multiSelectComp.appendTo('elem');
}
}
};
|
Regards,
Isuriya R
