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

 

 

 1 …………
 2 
 3 @(Html.DevExtreme().DataGrid<Model>()
 4 …………
 5 .Columns(c =>
 6 {
 7 　　…………
 8 　　c.Add()
 9 　　.Type(GridCommandColumnType.Buttons)
10 　　.Width(110)
11 　　.Buttons(b =>
12 　　{
13 　　　　b.Add()
14 　　　　.Hint("删除")
15 　　　　.Text("删除")
16 　　　　.OnClick("onDelMetting");
17 
18 　　　　b.Add()
19 　　　　.Hint("取消")
20 　　　　.Text("取消")
21 　　　　.Visible(new JS("isStatusIconVisible"))
22 　　　　.OnClick("onCancelMetting");
23 　　});
24 
25 　　 …………
26 
27 })
28 …………
29 
30 )
31 <script>
32 //取消事件
33 function onCancelMetting(e) {
34 　　//console.log(e.row.data);
35 　　var id= e.row.data.Id; //获取当前行的某一列数据
36 }
37 //删除事件
38 function onDelMetting(e) {
39 　　//console.log(e.row.data);
40 　　var id= e.row.data.Id; //获取当前行的某一列数据
41 }
42 //控制按钮显示
43 function isStatusIconVisible(e) {
44 　　//console.log(e.row.data);
45 　　return true;
46 }
47 </script>

 

posted @ 2021-09-06 14:55  H辉  阅读(111)  评论(0)    收藏  举报