ag-grid多选CheckBox


实现

gridOptions配置

rowSelection,可配置 'single', 'multiple'

suppressRowClickSelection介绍,如果为 true,则单击行时不会发生行选择。当您只需要复选框选择时使用。 默认值:false

 

JavaScript 全选
gridOptions: {
	context: this,
	rowSelection: 'multiple',
	suppressRowClickSelection:true,
	rowHeight: 25,
	animateRows: true,
},

效果:

ag-grid多选CheckBox

问题配查1

如果正确配置了,但是没有选择效果,一行都无法选择,不放F12看一下有没有报错信息,比如我就遇到这个情况,通过F12输出日志查看可以得到,

 

g-grid: duplicate node id 'undefined' detected from getRowNodeId callback, this could cause issues in your grid.

ag-grid多选CheckBox

通过日志查看,发现是因为在表格中配置了getRowNodeId属性,而getRowNodeID方法中指定了数据源中不存在的字段(因为代码是copy的),改成正确的就OK了

ag-grid多选CheckBox

ag-grid多选CheckBox

 

 

 

版权声明:本文为YES开发框架网发布内容,转载请附上原文出处连接
张国生
评论列表

发表评论

评论内容
昵称:
关联文章