行操作事件——DataGrid系列

行操作事件——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>

上一篇:datagrid查询


下一篇:WPF MVVM模式下DataGrid动态增加列与删除列