//点击选中行,改变选中行的背景颜色
(table).on(‘click-row.bs.table’, function (e, row, element){
$(‘.success’).removeClass(‘success’);//去除之前选中的行的,选中样式
$(element).addClass(‘success’);//添加当前选中的 success样式用于区别
var index = $(‘#formTempDetailTable_new’).find(‘tr.success’).data(‘index’);//获得选中的行的id
});
//点击选中列,判断checkbox选中与取消选中
(table).on(‘click-row.bs.table’, function (e, row, element){ $(‘.success’).removeClass(‘success’);//去除之前选中的行的,选中样式 $(element).addClass(‘success’);//添加当前选中的 success样式用于区别 var index = $(‘#formTempDetailTable_new’).find(‘tr.success’).data(‘index’);//获得选中的行的id }); //点击选中列,判断checkbox选中与取消选中
(
(table).on).on(‘click−cell.bs.table′,function(e,field,value,row,
(
t
a
b
l
e
)
.
o
n
)
.
o
n
(
‘
c
l
i
c
k
−
c
e
l
l
.
b
s
.
t
a
b
l
e
′
,
f
u
n
c
t
i
o
n
(
e
,
f
i
e
l
d
,
v
a
l
u
e
,
r
o
w
,
element){
if(field==”字段名”||field==”字段名”){//根据某个字段名判断
if((checkbox字段ID).is(‘:checked’)) {
$(checkbox字段ID).prop(“checked”,false);
}else{
$(checkbox字段ID).prop(“checked”,true);
}
}
});
//根据某个属性隐藏显示某个字段
if(
(checkbox字段ID).is(‘:checked’)) { $(checkbox字段ID).prop(“checked”,false); }else{ $(checkbox字段ID).prop(“checked”,true); } } }); //根据某个属性隐藏显示某个字段 if(
(‘#属性值’).val()==”7”){
(table).bootstrapTable(‘showColumn’, ‘要隐藏的字段’);
}else{
(table).bootstrapTable(‘showColumn’, ‘要隐藏的字段’); }else{
(table).bootstrapTable(‘hideColumn’, ‘要隐藏的字段’);
}
Bootstrap table 点击行改变背景色,点击列选中或者取消选中checkbox,根据某个属性隐藏显示某个字段
最新推荐文章于 2023-07-25 16:29:05 发布