Syncfusion MVC Grid:在向网格中添加一行时,如何在具有硬编码值的特定单元格中呈现下拉列表
问题描述:
我的网格具有添加行的功能。我做到了以下几点:this documentationSyncfusion MVC Grid:在向网格中添加一行时,如何在具有硬编码值的特定单元格中呈现下拉列表
如何在特定的单元格中创建具有硬编码值的下拉菜单?
谢谢!
答
我们可以使用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的数据源,我们需要传递的文本和值对。
我们准备了一个样本,它可以从下面的位置下载。