资讯专栏INFORMATION COLUMN

Yii2使用GridView实现数据全选及批量删除按钮

lykops / 3428人阅读

摘要:先来看看实现的效果关键代码设置显示最下面的设置每行数据的复选框属性删除设置删除按钮垮列显示其他列每个都要增加项,设置为,达到隐藏单元格的目的启用禁用管理操作获取选择的数据最后我们就可以提交到相应的控制器。

先来看看实现的效果

关键代码

     $dataProvider,
      "showFooter" => true,  //设置显示最下面的footer
       "id" => "grid", 
       "columns" => [
         [
           "class"=>CheckboxColumn::className(),
           "name"=>"id",  //设置每行数据的复选框属性
           "headerOptions" => ["width"=>"30"],
           "footer" => "",
           "footerOptions" => ["colspan" => 5],  //设置删除按钮垮列显示;
         ],
         ["attribute" => "id", "footerOptions" => ["class"=>"hide"]], //其他列每个都要增加footerOptions项,设置class为hide,达到隐藏单元格的目的;
         ["attribute" => "username", "footerOptions" => ["class"=>"hide"]],
         [
           "attribute" => "status",
           "value" => function($model){
             if ($model->status == Admin::STATUS_ACTIVE){
               return "启用";
             }
             return "禁用";
           },
           "footerOptions" => ["class"=>"hide"]
         ],
         ["class" => "yiigridActionColumn", "header" => "管理操作", "footerOptions" => ["class"=>"hide"]],
       ],
      "layout" => "{items}
{pager}"
    ]); ?>

获取选择的数据

var ids = $("#grid").yiiGridView("getSelectedRows");

最后我们就可以ajax提交到相应的控制器。

文章版权归作者所有,未经允许请勿转载,若此文章存在违规行为,您可以联系管理员删除。

转载请注明本文地址:https://www.ucloud.cn/yun/22432.html

相关文章

  • [yii2小心肝儿]GridView - 大衣篇

    摘要:最终版编号生成时间用户名性别省市搞定,在运行程序,表头改成编号用户名生成时间等,不要英文这个问题搞定了。是代表对进行什么样的格式化,默认来对其处理。分钟后,我郁闷的回来了,知道这回客户提了那些乱七八糟的需求么且听下回分解睡衣篇 增删改查,数据库操作的四大法宝中最常用的就是查了,一条记录、几条记录、一大堆记录。对于yii2而言,尤其后台,GridView是最常用且好用的数据列表部件,今天...

    skinner 评论0 收藏0
  • Vue.js实现一个简易问卷平台(项目中遇到的问题总结)

    摘要:项目地址源码地址预览地址没有做响应式,请在电脑上打开使用了我自制的日历组件初学时做的,有些糙任务描述参考设计图实现一个简易版的问卷管理系统,有如下功能问卷管理列表有一个头部可以显示,不需要实现登录等操作问卷管理列表页面默认为首页有一个表格 项目地址 源码地址 预览地址(没有做响应式,请在电脑上打开) 使用了我自制的日历组件(初学vue时做的,有些糙)calendar-input 任...

    Scott 评论0 收藏0
  • Vue.js实现一个简易问卷平台(项目中遇到的问题总结)

    摘要:项目地址源码地址预览地址没有做响应式,请在电脑上打开使用了我自制的日历组件初学时做的,有些糙任务描述参考设计图实现一个简易版的问卷管理系统,有如下功能问卷管理列表有一个头部可以显示,不需要实现登录等操作问卷管理列表页面默认为首页有一个表格 项目地址 源码地址 预览地址(没有做响应式,请在电脑上打开) 使用了我自制的日历组件(初学vue时做的,有些糙)calendar-input 任...

    kbyyd24 评论0 收藏0
  • Yii2实现跨mysql数据库关联查询排序功能

    摘要:于是就会报出这样一个错误要在两个数据库同一台服务器上进行关联数据查询,纯语句如下转化成语句时默认不会在表明前添加数据库名,于是在执行语句时就会默认此表在数据库下。默认是这样的只需要在表明前添加数据库名为了提高代码稳定性,可以这样写 背景:在一个mysql服务器上(注意:两个数据库必须在同一个mysql服务器上)有两个数据库: memory (存储常规数据表) 中有一个 use...

    lx1036 评论0 收藏0

发表评论

0条评论

最新活动
阅读需要支付1元查看
<