首页 > 其他 > 详细

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

时间:2021-09-06 21:44:49      阅读:18      评论:0      收藏:0      [点我收藏+]

技术分享图片

 

 

…………

@(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系列

原文:https://www.cnblogs.com/xiaonanmu/p/15233777.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!