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 复选框使用的更多相关文章

  1. bootstrap table 复选框选中后,翻页不影响已选中的复选框

    使用的 jquery版本为 2.1.1 在项目中发现bootstrap table的复选框选中后,翻页操作会导致上一页选中的丢失,api中的 bootstrapTable('getSelections ...

  2. 吴裕雄 Bootstrap 前端框架开发——Bootstrap 表单:复选框(Checkbox)和单选框(Radio)

    <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title> ...

  3. 转载:Bootstrap之表格checkbox复选框全选

    转:http://blog.csdn.net/shangmingchao[商明超的博客] 效果图: HTML中无需添加额外的一列来表示复选框,而是由JS完成,所以正常的表格布局就行了: 版权声明:如需 ...

  4. Bootstrap之表格checkbox复选框全选

    效果图: HTML中无需添加额外的一列来表示复选框,而是由JS完成,所以正常的表格布局就行了: <table class="table table-bordered table-hov ...

  5. Bootstrap之表格checkbox复选框全选 [转]

    转自: http://blog.csdn.net/shangmingchao/article/details/49761315 效果图: HTML中无需添加额外的一列来表示复选框,而是由JS完成,所以 ...

  6. easyUI 创建有复选框的table.datagrid

    table : function(data){ pt.v.table.datagrid({ // singleSelect:true, height:295, columns:[[ {field:'x ...

  7. 关于MUI v0.18.0版本 Table组件里的复选框不能选的解决方案

    前段时间在用MUI的时候,Table组件出现复选框不能选的bug(描述: 点击复选框,点击事件会触发,复选框勾选状态无变化). 解决方法: 用CheckBox组件代替Table组件自带的复选框. 解决 ...

  8. Bootstrap 历练实例 - 按钮(Button)插件复选框

    复选框(Checkbox) 您可以创建复选框按钮 组,并通过向 btn-group 添加 data 属性 data-toggle="buttons" 来添加复选框按钮组的切换. & ...

  9. bootstrap历练实例:复选框或单选按钮作为输入框组的前缀或后缀

    <!DOCTYPE html><html><head><meta http-equiv="Content-Type" content=&q ...

随机推荐

  1. 深入理解yum工作原理

    前言 在前面一篇rpm包制作描述了rpm的打包过程,这篇文章主要讲述yum的工作原理. yum 运行原理 yum的工作需要两部分来合作,一部分是yum服务器,还有就是client的yum工具.下面分别 ...

  2. [前端开发] 未来趋势“无后端”的web应用开发模式

    最近看到前端趋势2013大会上的一篇文章,题目是<各位快看,不用后端>,觉得有点意思,恰好近期的一次讨论及半年前的一次开发实践也涉及到这种模式,简单谈谈我的想法. 不得不说,文章的题目确实 ...

  3. c语言之linux下gettimeofday函数windows替换方案

    * Copyright (C) 2008 mymtom (mymtom@hotmail.com) * All rights reserved. * * Redistribution and use i ...

  4. Asp.Net 无刷新文件上传并显示进度条的实现方法及思路

    相信通过Asp.Net的服务器控件上传文件在简单不过了,通过AjaxToolkit控件实现上传进度也不是什么难事,为什么还要自己辛辛苦苦来 实现呢?我并不否认”拿来主义“,只是我个人更喜欢凡是求个所以 ...

  5. hbuilder mui如何监听搜索框点击清除按钮

    监听代码如下: mui(".mui-icon-clear")[0].addEventListener('tap',function(){    console.log(456)}) ...

  6. 浅谈usort、uasort、uksort

    前言:这三个函数都是php提供给开发者自定义的数组排序函数. 1.usort:按值排序,索引重新定义 a.基础案例 //自定义比较的函数 function mysort($a,$b){ if($a = ...

  7. 在Amazon cloud 升级CentOS5.4 到 5.9

    升级前一定要备份重要资料,做好最坏的打算,最好的准备! 老板不知道为什么,喜欢升级服务器,劝过好几次都坚持要升级. 好吧,you are boss. 升级前当然免不了google一番.发现CentOS ...

  8. adb连接夜神模拟器

    1.打开夜神模拟器,打开设置,调成手机模式,初次进入的话,进入设置,点击版本号5次,可以激活使用开发者模式,进入后打开USB调试功能 2.打开文件资源管理器,进入夜神模拟器的安装位置,在地址栏输入cm ...

  9. 海康、大华NVR网络硬盘录像机录像无插件全平台访问实现—录像回放时间轴功能实现方法

    在之前的博文中我们有介绍方案*NVR硬件录像机web无插件播放方案(支持取特定时间段视频流)*:该片博文旨在介绍时间轴功能的实现和相关接口的调用: 时间轴样式展示: 问题分析 对于 时间轴的展示实现需 ...

  10. 解决Oracle安装时报错“SID已在使用”办法

    1. 开始->设置->控制面板->管理工具->服务 停止所有Oracle服务. 2. 开始->程序->Oracle - OraHome81->Oracle I ...