布局效果

布局代码

<button type="button" class="btn btn-sm btn-danger btn-erbi-danger" id="batchDel" style="margin-right:20px;">批量删除</button>
<tr>
<th><input id="checkAll" type="checkbox"></th>
<th>ID</th>
<th>所属公司</th>
<th>姓名</th>
<th>性别</th>
<th>身份证号</th>
<th>手机号</th>
<th>住址</th>
<th>备注</th>
<th>标签</th>
<th>创建时间</th>
<th>操作</th>
</tr>
<volist name="result" id="vo">
<tr data-id="{$vo.id}" data-table="company">
<td><input class="checkOne" type="checkbox" data-id="{$vo.id}"></td>
<td>{$vo.id}</td>
<td>{$vo.company_name}</td>
<td>{$vo.name}</td>
<td>{$vo.sex_str}</td>
<td>{$vo.id_card}</td>
<td>{$vo.telephone}</td>
<td>{$vo.address}</td>
<td>{$vo.remark}</td>
<td>{$vo.tag_str}</td>
<td>{$vo.create_time|date='Y-m-d H:i',###}</td>
<td>
<?php if (!$_SESSION['_admin_is_company']) { ?>
<a href="javascript:;" class="info_tag">标签</a>
<?php }?>
<a href="javascript:;" data-id="{$vo.id}" class="info_edit">编辑</a>
<a href="javascript:;" data-id="{$vo.id}" class="info_del">删除</a>
</td>
</tr>
</volist>

一个checkAll,一个checkOne。一个ID,一个Class。

增加全选反选事件

// 全选,反选
$("#checkAll").on('change', function () {
if ($(this).is(":checked")) { // 全选
$(".checkOne").prop("checked",true);
} else { // 反选
$(".checkOne").prop("checked",false);
}
});

增加删除事件,获取id

// 批量删除
$("#batchDel").on('click', function () {
var ids = []; // 获取选中的id
$('tbody input.checkOne').each(function (index, el) {
if ($(this).prop('checked')) {
ids.push($(this).data('id'))
}
}); layer.confirm('确认要删除吗?' + ids.toString(), function (index) {
//捉到所有被选中的,发异步进行删除
ajaxBatchDel(ids.toString());
});
}); // ajax批量删除
function ajaxBatchDel(ids) {
// ajax设置不通过
$.ajax({
type: 'POST',
url: 'ajaxBatchDel',
data: {ids: ids},
dataType: 'json',
success: function (data) {
if (data.errno == 0) {
layer.msg('删除成功', {icon: 1});
$(".checkOne:checked").parents('tr').remove();
} else {
layer.msg(data.errdesc, {icon: 5});
return false;
}
}
});
}

批量软删除

public function ajaxBatchDel() {
$ids = $_POST['ids'];
if (!$ids){
$this->json->setErr(10001,'请选择要删除的内容');
$this->json->Send();
} $employee = M('employee');
$flag = $employee->where(['id'=>['in',$ids]])->save(['status'=>0]);
if($flag){
$this->json->setErr(0, '删除成功');
$this->json->Send();
}else{
$this->json->setErr(10099, '删除失败');
$this->json->Send();
}
}

最新文章

  1. [delphi]SetWindowsHookExA函数入口处修改
  2. poj 1737 Connected Graph
  3. Jquery异步请求简单实例(转)
  4. hdu 1827
  5. javascript中错误使用var造成undefined
  6. IoC容器Autofac正篇之依赖注入(六)
  7. [置顶] Objective-C ,ios,iphone开发基础:ios数据库(The SQLite Database),使用终端进行简单的数据库操作
  8. 4 安装MPush
  9. WPF 杂谈——Trigger触发器
  10. Oracle:对表的CREATE、ALTER、INSERT、RENAME、DELETE操作练习以及主外键约束
  11. [LeetCode] Poor Pigs 可怜的猪
  12. xmind 8 便携版:关联文件后,双击打开文件,在当前文件夹产生configuration子文件的问题解决办法
  13. Confluence 6 下载和安装 Oracle thin 驱动
  14. go函数练习
  15. KNN分类算法补充
  16. GC Root 对象有哪些
  17. Aggregate类型以及值初始化
  18. linux服务器的性能分析与优化
  19. 如何使用AngularJS对表单提交内容进行验证
  20. hdu——过山车(二分图,匈牙利算法)

热门文章

  1. Dubbo源码分析:Filter
  2. windows下dos窗口实现持续ping显示时间保存至日志
  3. LeetCode 446. Arithmetic Slices II - Subsequence
  4. Centos 不重启 修改ulimit参数
  5. 干货 | 10分钟掌握branch and cut(分支剪界)算法原理附带C++求解TSP问题代码
  6. Mac的移动硬盘不能装载该如何解决?
  7. mysql 组合聚集函数
  8. python3 报错UnicodeEncodeError
  9. HDFS练习
  10. gulp&amp;sass安装配置