勾选批量操作——DataGrid系列

 贴上代码：

…………

@(Html.DevExtreme().DataGrid<Model>()
…………
.KeyExpr("Id")

.Selection(s =>

　　s.Mode(SelectionMode.Multiple) //开启多选
　　.ShowCheckBoxesMode(GridSelectionShowCheckBoxesMode.Always) //页面上总是显示复选框
　　.SelectAllMode(SelectAllMode.Page) //全选时，一次选择一页
)
…………
.OnToolbarPreparing("toolbar_preparing") //制定工具栏
.OnSelectionChanged("selectionChanged") //勾选事件
)

<script>

var selectedIds;// 选中记录的主键值(key)
//勾选事件
function selectionChanged(e) {
　　selectedIds = e.selectedRowKeys;
}

//制定工具栏
function toolbar_preparing(e) {
　　e.toolbarOptions.items.unshift(
　　{
　　　　location: "before",
　　　　template: "<span>总数:10</span>"
　　},
　　{
　　　　location: "after",
　　　　widget: "dxButton",
　　　　options: {
　　　　　　text: "搜索",
　　　　　　icon: "find",
　　　　　　type:"ButtonType.Default",
　　　　　　onClick: function () {
　　　　　　　　//点击事件， 获取到selectedIds 进行业务处理
　　　　　　}
　　　　}
　　});

}
</script>