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中的dataSource，我们需要传递为text和value对。

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

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