yii2 配合bootstrap添加按钮

新增一个按钮

1、bootstrap 官网:http://getbootstrap.com/

2、bootstrap 中文官网:http://v3.bootcss.com/

视图文件中:

<?= GridView::widget([
        ‘dataProvider‘ => $dataProvider,
        ‘filterModel‘ => $searchModel,
        ‘columns‘ => [
            [
                ‘class‘ => ‘yii\grid\ActionColumn‘,             // 按钮类默认只有 3 个按钮
                ‘template‘ => ‘{view}{update}{delete}{approve}‘,// template 里面可以添加按钮,每个按钮对应控制器中 action 开头的方法,如:actionView , 就是查看按钮的方法
                ‘buttons‘ => [                                  // 新添加的按钮写在 buttons 里面
                    ‘approve‘ => function($url,$model,$key){
                        $options = [
                            ‘title‘ => Yii::t(‘yii‘,‘审核‘),      // yii 的 t() 方法用于翻译多种语言
                            ‘aria-label‘ => Yii::t(‘yii‘,‘审核‘),
                            ‘data-confirm‘ => Yii::t(‘yii‘,‘你确定通过这条评论吗?‘),  // data-confirm 用于弹出一个确认对话框
                            ‘data-method‘ => ‘post‘,
                            ‘data-pjax‘ => ‘0‘,
                        ];
                        // glyphicon glyphicon-check 这个图标在 bootstrap 中文官网 -> 组件 -> Glyphicons字体图标
                        return Html::a(‘<span class="glyphicon glyphicon-check"></span>‘,$url,$options);
                    },
                ],
            ],
        ],
    ]); ?>

然后再在控制器文件中写该按钮所对应的动作方法:(action+按钮名

    /**
     * @purpose     :   审核按钮所对应的方法
     * @param $id   :   该条评论的id
     * @return \yii\web\Response    : 重定向到 index 页面
     */
    public function actionApprove($id)
    {
        $model = $this->findModel($id);
        // 审核
        if($model->approve()){
            return $this->redirect([‘index‘]);
        }
    }

最后再在模型文件中写入业务逻辑:

    /**
     * @将评论的状态改为已审核(将 status 由 1 改为 2)
     * @return bool
     */
    public function approve()
    {
        $this->status = 2;
        return (($this->save()) ? true : false);
    }

注:本文为作者(44106-kangaroo) 看完魏羲教你学Yii2.0 视频后所记,如有转载请注明出处:http://www.cnblogs.com/chrdai/p/7999519.html

时间: 2024-08-29 17:24:22

yii2 配合bootstrap添加按钮的相关文章

bootstrap表格添加按钮、模态框实现

bootstrap表格添加按钮.模态框实现 原创 2017年07月20日 17:35:48 标签: bootstrap 1723 bootstrap表格添加按钮.模态框实现 - 需求: 需要表格后面每一列后面都有"添加""删除"按钮.如下图 - 源码如下 <script> function operateFormatter(value, row, index) { return [ '<button type="button"

bootstrap添加多个模态对话框支持

bootstrap添加多个模态对话框支持 (2015-03-04 21:05:35) 转载▼ 标签: 房产   因为项目需要,在页面交互上要弹出多个dialog窗口,而bootstrap的modal支持弹出dialog窗口,但是如果在此基础上,会出现遮罩层越来越多,背景越来越黑的情况. 代码具体如下: (function(){ modal = {}; modal.openDialog = function(url, title, width, height, id){}; modal.close

iOS开发UI篇—在ImageView中添加按钮以及Tag的参数说明

一.tag参数 一个视图通常都只有一个父视图,多个子视图,在开发中可以通过使用子视图的tag来取出对应的子视图.方法为Viewwithtag: 提示点:在xib中如果想要通过tag参数获取对应的控件(属性),不要把tag的参数设置为0,因为xib中所有的对象默认tag都为0,设置为0取不到对象. 二.ImageView中添加按钮 (1)ImageView和Button的比较 Button按钮的内部可以放置多张图片(4),而ImageView中只能放置一张图片. (2)说明: ImageView只

iOS 封装添加按钮的方法

添加按钮 #pragma mark 添加按钮 - (void)addButtonWithImage:(NSString *)image highImage:(NSString *)highImage disableImage:(NSString *)disableImage frame:(CGRect)frame tag:(NSInteger)tag action:(SEL)action { // 创建按钮 UIButton *btn = [[UIButton alloc] init]; //

gridview添加按钮及其按钮操作

先晒出两篇在网路上找到的关于gridview的一些操作 http://www.cnblogs.com/xiaobaigang/articles/824011.html http://www.blogjava.net/liuyz2006/articles/378151.html 接下来,在gridview如何添加按钮,并书写按钮的触发事件 1.点击gridview右边那个小三角,添加新列,选择button,记得修改属性,不是link 2.设置完成后,进入gridview的列编辑界面,点击将此字段转

Bootstrap学习 按钮组

把一系列的.btn按钮放入.btn-group中即可... <div class="btn-group"> <button type="button" class="btn btn-default">Left</button> <button type="button" class="btn btn-default">Middle</button>

Yii2如何批量添加数据

批量添加这个操作,在实际开发中经常用得到,今天小编抽空给大家整理些有关yii2批量添加的问题,感兴趣的朋友一起看看吧. 在上篇文章给大家介绍了关于浅析Yii2 gridview实现批量删除教程,当然,着重点在于怎么去操作gridview了,今儿我们来好好谈谈yii2如何批量添加数据? 有同学嚷嚷了,这还不简单,我foreach一循环,每个循环里面直接把数据插入到数据库,简单粗暴完事!我擦嘞,哥,你要是跟我在一个公司,我觉得第二天见到你的概率可就不大了! 话不多说,说多了你在骂我,我们步入正题,先

PHP实现单击“添加”按钮增加一行表单项,并将所有内容插入到数据库中

PHP实现单击“添加”按钮增加一行表单项,并将所有内容插入到数据库中 效果图: html+jquery: <html> <head> <meta http-equiv="content-type" content="text/html;charset=utf-8"> <script language="javascript" type="text/javascript" src=&qu

QTableWidget中添加按钮

添加按钮 void QTableWidget::setCellWidget ( int row, int column, QWidget * widget ) widget可以是自己定义的按钮 class MyPushButton : public QPushButton { Q_OBJECT public: explicit MyPushButton(int i, int j, int flag); ~MyPushButton(); void mySetText();//i对应端口信息 } m