bootstrap-table使用心得笔记

最近使用bootstrap-table做模板,由于是新手,所以记录一些使用时遇到的问题及解决办法。

1.如何对bootstrap-table的td做控权。

备注:(此方法仅在初始化页面时有效,自己定义权限条件使用此方法。及在$(function () {}有效)

$('#TestTable').bootstrapTable('hideColumn', 'testName');

2.如何对bootstrap-table的td添加点击事件

 {title: '测试名称', field: 'testName', visible: true, align: 'center', valign: 'middle',  events:operateEvents,formatter:operateFormatter}
/**
 * 格式化td操作
 */
function operateFormatter(value, row, index) {  
    return [  
          '<a id="showDeatail" href="javascript:void(0);">'+value+'</a>',
    ].join('');  
}
/**
 * td点击事件
 */
window.operateEvents={
		"click #showDeatail":function(e,value,row,index){
			
			//row为点击当前行的数据
			var testId=row.testId;
			var testSex=row.testSex;
			console.log("testId="+testId+",testSex="+testSex+"。取值成功!");
			
		
		}
};



猜你喜欢

转载自blog.csdn.net/amy1213272092/article/details/80605754
今日推荐