bootstrap table 复选框使用
var columns = [
{ field : 'checked',
checkbox: true,
align: 'center',
valign: 'middle',
formatter:function(value,row,index){//设置满足条件的行可以使用复选框
if(row.IS_PASS !='0'){
return {
disabled : true
}
} }
},
{
'title': '资产名称',
'field': 'CARD_NAME',
'align': 'center',
'valign': 'middle',
},
{
'title': '管理编号',
'field': 'MANAGE_NO',
'align': 'center',
},
{
'title': '使用机构',
'field': 'USE_DEPART',
'align': 'center',
'valign': 'middle',
},
{
'title': '责任人',
'field': 'DUTOR',
'align': 'center',
'valign': 'middle',
},
{
'title': '管理状态',
'field': 'MANAGE_STATUS',
'align': 'center',
'valign': 'middle',
},
{
'title': '资产状态',
'field': 'ASSET_STATUS',
'align': 'center',
'valign': 'middle',
},
{
'title': '资产原值',
'field': 'OLD_VALUE',
'align': 'center',
},
{
'title': '资产性质',
'field': 'CPTL_KIND',
'align': 'center',
},
{
'title': '资产类别',
'field': 'ASSET_TYPE',
'align': 'center',
},
{
title: '操作',
field: 'id',
align: 'center',
formatter: function (value, row, index) {
var de = '<button href="#" class="btn btn-primary" onclick="detail(\'' + row.MANAGE_NO + '\')">详情</button> '
var e = '<button href="#" class="btn btn-warning" onclick="edit(\'' + row.MANAGE_NO + '\')">编辑</button> '
var d = '<button href="#" class="btn btn-danger" onclick="del(\'' + row.MANAGE_NO + '\',\'' + row.IS_PASS + '\')">删除</button> ';
return de + e + d;
}
}
]; 2.通过js获取被选中的数据行
$('#userListTable').bootstrapTable('getSelections');
bootstrap table 复选框使用的更多相关文章
- bootstrap table 复选框选中后,翻页不影响已选中的复选框
使用的 jquery版本为 2.1.1 在项目中发现bootstrap table的复选框选中后,翻页操作会导致上一页选中的丢失,api中的 bootstrapTable('getSelections ...
- 吴裕雄 Bootstrap 前端框架开发——Bootstrap 表单:复选框(Checkbox)和单选框(Radio)
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title> ...
- 转载:Bootstrap之表格checkbox复选框全选
转:http://blog.csdn.net/shangmingchao[商明超的博客] 效果图: HTML中无需添加额外的一列来表示复选框,而是由JS完成,所以正常的表格布局就行了: 版权声明:如需 ...
- Bootstrap之表格checkbox复选框全选
效果图: HTML中无需添加额外的一列来表示复选框,而是由JS完成,所以正常的表格布局就行了: <table class="table table-bordered table-hov ...
- Bootstrap之表格checkbox复选框全选 [转]
转自: http://blog.csdn.net/shangmingchao/article/details/49761315 效果图: HTML中无需添加额外的一列来表示复选框,而是由JS完成,所以 ...
- easyUI 创建有复选框的table.datagrid
table : function(data){ pt.v.table.datagrid({ // singleSelect:true, height:295, columns:[[ {field:'x ...
- 关于MUI v0.18.0版本 Table组件里的复选框不能选的解决方案
前段时间在用MUI的时候,Table组件出现复选框不能选的bug(描述: 点击复选框,点击事件会触发,复选框勾选状态无变化). 解决方法: 用CheckBox组件代替Table组件自带的复选框. 解决 ...
- Bootstrap 历练实例 - 按钮(Button)插件复选框
复选框(Checkbox) 您可以创建复选框按钮 组,并通过向 btn-group 添加 data 属性 data-toggle="buttons" 来添加复选框按钮组的切换. & ...
- bootstrap历练实例:复选框或单选按钮作为输入框组的前缀或后缀
<!DOCTYPE html><html><head><meta http-equiv="Content-Type" content=&q ...
随机推荐
- 活动招募 HUAWEI HiAI公开课·北京站-如何在4小时把你的APP变身AI应用
人工智能和机器学习是全球关注的新趋势,也是当前最火爆.最流行的话题.当你拿手机用语音助手帮你点外卖,智能推荐帮你把周边美食一网打尽:当你拿起P20拍照时,它将自动识别场景进行最美优化,让你成为摄影大师 ...
- PHP安装加载yaf扩展
Yaf,全称 Yet Another Framework,是一个C语言编写的PHP框架,是一个用PHP扩展形式提供的PHP开发框架, 相比于一般的PHP框架, 它更快. 它提供了Bootstrap, ...
- 深度历险:Redis 内存模型详解
https://mp.weixin.qq.com/s/Gp6Ur7omGY6ZqDWygU2meQ Redis 是目前最火爆的内存数据库之一,通过在内存中读写数据,大大提高了读写速度,可以说 Redi ...
- Audiosink design
Audiosink的设计,需要满足下列一些需求: 良好的chain_based 支持.绝大多数简单playback pipelines都是将音频数据从decoder直接push给audiosink; ...
- 【转】在Eclipse中使用JUnit4进行单元测试(高级篇)
http://blog.csdn.net/andycpp/article/details/1329218 通过前2篇文章,您一定对JUnit有了一个基本的了解,下面我们来探讨一下JUnit4中一些高级 ...
- Vmware私有云虚拟机(CentOS 6.5 OS)之根分区扩容
注:适用于未使用lvm管理的分区,目前仅在CentOS 6.5 上操作,其他系统尚未测试,请谨慎操作 一.查看当前分区状况 [root@disk-test ~]# df -h Filesystem ...
- python 自动化之路 day 20 Django进阶/BBS项目【一】
一.django进阶 1.django orm 增删改查 1.1.创建表: 1 2 3 >>> from blog.models import Blog >>> b ...
- Unity3D学习笔记——NGUI之UIGrid
UIGrid:这个组件可以轻松的让你排列你的组件,并且在运行或是编辑的时候都可以. 效果图如下: 一:使用步骤 1.选择一个panel然后右键Create——Grid 2.为Grid创建几个子Spri ...
- 夏日炎炎 python写个天气预报
东南地区连续突破历史,江浙沪除了包邮之外的另一福利-桑拿也已到手.这样的日子里是应该每日关注天气主义降暑避免出现热疾病,python包含比 较多的网络应用类这样就方便了一些网络应用的操作,之外还有些可 ...
- Python抓取网页并保存为PDF
https://blog.csdn.net/shenwanjiang111/article/details/67634794