Syncfusion MVC Grid：在向网格中添加一行时，如何在具有硬编码值的特定单元格中呈现下拉列表

Question

我的网格具有添加行的功能。我做到了以下几点：this documentation

如何在特定的单元格中创建具有硬编码值的下拉菜单？

谢谢！

Answer 1

我们可以使用ejGrid控件的actionCompelete事件来实现您的需求，并将硬编码值绑定到该下拉列表。

例如，我们已经为Grid中的ShipCountry列渲染了ejDropDownList。

请参考下面的代码示例。

@(Html.EJ().Grid<object>("FlatGrid") 
    .Datasource((IEnumerable<object>)ViewBag.datasource) 

    --------- 

    .ClientSideEvents(clienevent => clienevent.ActionComplete("complete"))  
    .Columns(col => 
    { 

     ----- 

     col.Field("ShipCountry").HeaderText("Ship Country").TextAlign(TextAlign.Right).Width(75).Add(); 


    })) 

var data = [ 
    { id: "1", text: "FRANCE" }, 
    { id: "2", text: "GERMANY" }, 
    { id: "3", text: "BRAZIL" }, 
    { id: "4", text: "BELGIUM" }, 
    { id: "5", text: "MEXICO" } 

]; 

function complete(args) { 

    if (args.requestType == "add") { 

     $("#" + this._id + "ShipCountry").ejDropDownList({ 

      dataSource: data, 

      field: { text: "text", value: "text" }, 
      width: "100%" 
     }); 
    } 
} 

注意：要绑定在ejDropDownList的数据源，我们需要传递的文本和值对。

我们准备了一个样本，它可以从下面的位置下载。

样品：http://www.syncfusion.com/downloads/support/forum/131894/ze/SyncfusionMvcApplication14-2117895693.zip