2015-09-17 11:17:54 4798次浏览 1条回答 0 悬赏 40 金钱

index.php代码:

<?= app\widgets\GridView::widget([
    'dataProvider' => $dataProvider,
    'filterModel' => $searchModel,
    'columns' => [
       ['class' => 'yii\grid\CheckboxColumn'],
       'title',
        [
            'attribute' => 'cate',
            'format' => 'raw',
            'value' => function($model){
                if($model->cate==0){
                    return Html::a(未设置, ['select', 'get' => 'cate' , 'id' => $model->id], ['class' => 'a-select','id'=>cat.$model->id]);
                }
                return Html::a(\common\models\Article::$cates[$model->cate], ['select', 'get' => 'cate' , 'id' => $model->id], ['class' => 'a-select','id'=>cat.$model->id]);
            }
        ],
        [
            'class' => 'app\widgets\ActionColumn',
            'buttons' => [
                'updates' => function($url, $model){
                   return Html::a('<span class="glyphicon glyphicon-pencil"></span>', $url);
                },

            ],
            'template' => '{updates} {view} {delete}',
        ],
    ]
])?>

我想在这里面把修改做成弹出层的,但不知道弹出层插件怎么用?请各位教我一下 在这里面该怎么加弹出层,谢谢各位了

  • 回答于 2015-09-17 15:25 举报

    给你个例子:

    'class' => 'yii\grid\ActionColumn',
    'header'=>'<a href="#">操作</a>',
    'template' => '{updaterule}',
    'buttons' => [
        'updaterule'=>function($url, $model){
            return Html::tag('span',"", [
                'class'=>"fa fa-wrench",
                'style'=>'cursor:pointer',
                'title' => Yii::t('yii', 'Edit'),
                'data-toggle'=>"modal",
                'data-target'=>"#**mymodal**"//自己定义的弹出层
        ]);
    },
    

    弹出层

    <div class="modal" id="**mymodal**" tabindex="-1" role="dialog" aria-labelledby="GuestModalLabel" aria-hidden="true">
    <div class="modal-dialog">
    <div class="modal-content">
    <div class="modal-header">
    

    id名称相同,,bootstrap会自己调用

    8 条回复
    回复于 2015-09-17 16:02 回复

    我用你这个试了一下,直接不显示。我自己搜了一个bootstrap的,但是点击之后,显示了一下立刻隐藏了,您知道是因为什么吗?

    回复于 2015-09-17 16:10 回复
    $(".要点击的按钮").click(function(){
                    $('#myModal').modal('show');
                });
    
                //确定按钮
                $(".确定按钮").click(function(){
                    $('#myModal').modal('hide');
                })
    
    回复于 2015-09-17 16:15 回复

    [

           'class' => 'app\widgets\ActionColumn',
           'buttons' => [
               'updates' => function($url, $model){
                   return Html::a("<span title='修改' data-container='body' class='glyphicon glyphicon-pencil' data-toggle='modal' data-target='#myModal'></span>");
               },
           ],
           'template' => '{updaterule} {updates} {view} {delete}',
        ],
    

    弹出层代码:

    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
    
    回复于 2015-09-17 16:52 回复

    bootstrap.min.js引入了吗

    回复于 2015-09-17 16:58 回复

    显示是出来了,我在想怎么把修改页面直接显示在里面

    回复于 2015-09-17 17:05 回复

    把弹出层直接做成修改表单的形式,然后ajax提交啊

    回复于 2015-09-17 17:21 回复

    我这边已经有修改的完整页面了:form.php 我想直接把这个页面显示在这里面

    回复于 2015-09-17 17:33 回复

    include 包含不行吗

您需要登录后才可以回答。登录 | 立即注册
辰枫夜雨
助理

辰枫夜雨

注册时间:2015-08-11
最后登录:2017-06-23
在线时长:18小时59分
  • 粉丝10
  • 金钱0
  • 威望0
  • 积分180

热门问题