辰枫夜雨

这家伙有点懒，还没写个性签名！

关注私信

财富值0
威望值0
总积分180

个人信息

注册时间：2015-08-11 17:44
最后登录：2017-06-23 17:06
在线时长：18小时59分
未设置
Yii China VIP ①

辰枫夜雨回复了 tangyuan 的回答

给你个例子：

'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会自己调用

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

辰枫夜雨回复了 tangyuan 的回答

给你个例子：

'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会自己调用

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

辰枫夜雨回复了 tangyuan 的回答

给你个例子：

'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会自己调用

[

       '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">

辰枫夜雨回复了 tangyuan 的回答

给你个例子：

'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会自己调用

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

辰枫夜雨提出了问题
yii弹出层插件怎么用
2015-09-17 11:17回答(1)•浏览(4791)

辰枫夜雨回复了 tangyuan 的回答

 内容如下：   
<button class="btn btn-primary btn-lg" data-toggle="modal" data-target="#myModal">
                            弹出框
                        </button>          
                        <div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
                            <div class="modal-dialog">
                                <div class="modal-content">
                                    <div class="modal-header">
                                        <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
                                        <h4 class="modal-title" id="myModalLabel">提示信息</h4>
                                    </div>
                                    <div class="modal-body">
                                        自己的内容
                                    </div>
                                    <div class="modal-footer">
                                        <button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>
                                        <button type="button" class="btn btn-primary">保存</button>
                                    </div>
                                </div>
                                
                            </div>
                  
                        </div>