关于js 点击所在行,获取隐藏域问题

本文介绍了一种在Bootstrap DataTable中通过JavaScript点击表格行来获取隐藏列数据的方法。通过CSS隐藏而非设置列可见性,使得数据仍可通过编程方式访问。

很多人应该都知道,bootstrap datatable中想要通过点击某一行获取隐藏域例:ID

{
	data : "ID",
	orderable : true,
	title : "ID",
	"bVisible": false,//设置为隐藏域
	mRender : function(ata,type,row) {
		return row.ID == null ? '': row.ID;
				}
}, 

 
$("body").delegate('#List tr', 'click', function () {
						    	var param={};
						    	param = $("td",this);
						    	
						        var id = $(param[2]).text();//获取当前行隐藏的第3列数据
});

但是我们会发现:无法获取到这个隐藏域,该怎么办呢?

其实还有一种方法通过给bootstrap datatable中的隐藏例加 css 样式,我们隐藏css就行了

{
	data : "ID",
	orderable : true,
	title : "ID",
	//"bVisible": false,
       className : "display1",//添加css样式
	mRender : function(ata,type,row) {
		return row.ID == null ? '': row.ID;
				}
}, 

<style type="text/css">
	.display1{display: none;}
</style>

$("body").delegate('#List tr', 'click', function () {
						    	var param={};
						    	param = $("td",this);
						    	
						        var id = $(param[2]).text();//获取当前行隐藏的第3列数据
							alert(id)
});

这样就可以实现 js 点击所在行,获取隐藏域问题