自定义行操作事件——DataGrid系列

…………

@(Html.DevExtreme().DataGrid<Model>()
…………
.Columns(c =>
{
　　…………
　　c.Add()
　　.Type(GridCommandColumnType.Buttons)
　　.Width(110)
　　.Buttons(b =>
　　{
　　　　b.Add()
　　　　.Hint("删除")
　　　　.Text("删除")
　　　　.OnClick("onDelMetting");

　　　　b.Add()
　　　　.Hint("取消")
　　　　.Text("取消")
　　　　.Visible(new JS("isStatusIconVisible"))
　　　　.OnClick("onCancelMetting");
　　});

　　 …………

})
…………

)
<script>
//取消事件
function onCancelMetting(e) {
　　//console.log(e.row.data);
　　var id= e.row.data.Id; //获取当前行的某一列数据
}
//删除事件
function onDelMetting(e) {
　　//console.log(e.row.data);
　　var id= e.row.data.Id; //获取当前行的某一列数据
}
//控制按钮显示
function isStatusIconVisible(e) {
　　//console.log(e.row.data);
　　return true;
}
</script>