bootstrap-table数据表格的onClickRow事件，实现单击行选中的效果

最新推荐文章于 2023-06-19 10:57:17 发布

程序员阿瓜

最新推荐文章于 2023-06-19 10:57:17 发布

阅读量5k

点赞数 4

分类专栏：前端 Html Javascript 文章标签： javascript bootstrap html html5

本文链接：https://blog.csdn.net/qq_37991944/article/details/108069577

版权

前端同时被 3 个专栏收录

10 篇文章 0 订阅

订阅专栏

Html

6 篇文章 0 订阅

订阅专栏

Javascript

5 篇文章 0 订阅

订阅专栏

本文主要介绍当需要通过点击行来进行某行单选框或复选框选中的实现逻辑

var options = {
	url: "/list",
	showSearch: false,
	showRefresh: false,
	showToggle: false,
	showColumns: false,
	onClickRow: onClickRow, //此处为单击行调用的方法
	columns: [{
		checkbox: true
	},
	{
		field : 'userId', 
		title : '用户ID'
	},
	{
		field : 'userCode', 
		title : '用户编号'
	},
	{
		field : 'userName', 
		title : '用户姓名'
	}]
};
$.table.init(options);
//单击行调用的方法
function onClickRow(row, $element){
    $element[0].firstElementChild.firstElementChild.click();
}