Dropdown type when cell-editing columns?

[Sean]

Hello team,

We need to have a dropdown in the column types, is this example broken in the docs or does this work ?

We want to have a dropdown control when editing the column's cells.

regards

[Monisha Sivanthilingam]

Hi Sean, 

 

Greetings from Syncfusion support. 

 

We have prepared a sample using drop down control in the TaskName column using the edit params. The following code snippets demonstrate the solution. 

 

App.vue 

<e-columns> 

        <e-column field="TaskID"></e-column> 

        <e-column 

          field="TaskName" 

          :editType="dropdownedit" 

          :edit="dpParams" 

        ></e-column> 

        <e-column field="StartDate"></e-column> 

        <e-column field="Duration"></e-column> 

        <e-column field="Progress"></e-column> 

      </e-columns> 

 

 

 

dpParams: { 

        create: () => { 

          elem = document.createElement("input"); 

          return elem; 

        }, 

        read: () => { 

          return dropdownlistObj.text; 

        }, 

        destroy: () => { 

          dropdownlistObj.destroy(); 

        }, 

        write: () => { 

          var ganttChart = document.getElementById("gantt").ej2_instances[0]; 

          dropdownlistObj = new DropDownList({ 

            dataSource: ganttChart.treeGrid.grid.dataSource, 

            fields: { value: "TaskName" }, 

            floatLabelType: "Auto", 

          }); 

          dropdownlistObj.appendTo(elem); 

        }, 

      } 

 

 

Please find the sample from the below link. 

 

Sample: https://codesandbox.io/s/vue-template-forked-wds6x?file=/src/App.vue 

 

We will fix the documentation and refresh it online on May 26, 2021. 

 

We appreciate your patience until then. 

 

Regards, 

Monisha. 

[Sean]

Thank you Monisha, we needed to understand that this was functionality was available and it was working, before starting our development on it. 

Thank you for clarifying and providing an example for us. 

[Preethi Nesakkan Gnanadurai]

Hi Sean, 

  

Most welcome. 

  

Regards, 

Preethi