[moka同学笔记]Yii2.0 modal的使用

第一次使用,时候不明白什么原理,大概用了几次后,才模模糊糊搞清楚原来是怎么一回事,现在就把写过的代码,贴在下边。

1.在视图文件中,

第一步首先在index.php文件中

做了一个a链接的按钮 调用了modal

        <a class="btn btn-default pull-right" data-remote="<?= Url::toRoute(['create', '_wicket' => 'yes']) ?>"
data-toggle="modal" data-target="#myModal" role="button">添加地区</a> <!--这里是其他代码--> <!-- Modal部分 -->
<div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
<div class="modal-dialog" role="document">
<div class="modal-content">
<div class="progress" style="margin:0;"><div class="progress-bar progress-bar-info progress-bar-striped active" role="progressbar"
aria-valuenow="20" aria-valuemin="0" aria-valuemax="100" style="width: 1%"></div></div>
</div>
</div>
</div>

第二步其次,在create.php文件中

<?php
/**
* Created by PhpStorm.
* User: moka同学
* Date: 2016/10/20
* Time: 10:54
*/ use yii\helpers\Html;
use yii\widgets\ActiveForm; Main::register($this); ?>
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-label="Close"><span
aria-hidden="true">&times;</span></button>
<h4 class="modal-title" id="myModalLabel">添加地区</h4>
</div>
<?php $form = ActiveForm::begin([
'options' => [
'class' => '',
'enctype'=>'multipart/form-data',
'method'=>'post',
'fieldConfig'=>[
'template' => "{label}\n<div class=\"col-lg-3\">{input}</div>\n<div class=\"col-lg-8\">{error}</div>",
]
]
]); ?> <div class="modal-body"> <!--其他代码-->如表单输入框等 </div>
</div>
</div> <div class="modal-footer" style="border-top:0px">
<button type="button" class="btn btn-primary submit-ajax col-lg-offset-2" data-loading-text="加载中..." autocomplete="off">确认</button>
<button type="button" class="btn btn-default" data-dismiss="modal">取消</button>
</div> <?php ActiveForm::end(); ?>

2.在控制器中

在create.php中

    public function actionCreate(){
$model = City::findOne($id); //其他代码 return $this->render('create',[
'model'=>$model
]);
}

注意:有时候要用到ajax传递modal中的数据,ajax会把值传递到index中去,所以需要在index控制器中去进行相应的处理。

转载请注明出处。

上一篇:binding(转)


下一篇:Layui Excle/csv数据导出