yii2实现弹框

水深无声 2022-07-15 11:07 285阅读 0赞

1.首先引入命名空间

use yii\bootstrap\Modal;
    use yii\helpers\Url;

<?php echo Html::a('来一个弹框', '#', [ 'id' => 'create', 'data-toggle' => 'modal', 'data-target' => '#create-modal',//关联下面Model的id属性 'class' => 'btn btn-success', ]); ?>
    
    <?php Modal::begin([ 'id' => 'create-modal', 'header' => '<h4 class="modal-title">弹框</h4>', 'footer' => '<a href="#" class="btn btn-primary" data-dismiss="modal">关闭</a>', ]); $requestUrl = Url::toRoute('/orderlist/excle');//弹窗的html内容，下面的js会调用获得该页面的Html内容，直接填充在弹框中 $js = <<<JS $.get('{$requestUrl}', {}, function (data) { $('.modal-body').html(data); } ); JS; $this->registerJs($js); Modal::end(); ?>

参考文章：1.[http://www.jb51.net/article/84802.htm][http_www.jb51.net_article_84802.htm]  
2.[http://www.manks.top/yii2\_modal\_gridview\_update.html][http_www.manks.top_yii2_modal_gridview_update.html]

[http_www.jb51.net_article_84802.htm]: http://www.jb51.net/article/84802.htm
[http_www.manks.top_yii2_modal_gridview_update.html]: http://www.manks.top/yii2_modal_gridview_update.html

发表评论取消回复

表情：

评论列表（有 0 条评论，285人围观）

还没有评论，来说两句吧...

相关阅读

相关 AdminLTE2的模态框(弹出框)

刚好一个SSM练习项目中用到了这个弹出模态框的设计来记录一下关于这个模态框找了很久很多都不能用后来自己去官网找了一段模态框代码亲测可用先上模态框代码：

待我称王封你为后i/ 2023年07月10日 15:50/ 0 赞/ 41 阅读

相关用Java实现弹框(☆)

效果图 ![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmN

矫情吗；*/ 2023年02月25日 03:39/ 0 赞/ 2 阅读

相关删除弹框

if (selectedRowsState && selectedRowsState.length > 0) { confirm({

╰+攻爆jí腚メ/ 2022年12月23日 00:35/ 0 赞/ 212 阅读

相关 yii2 activefrom常用input框样式

//密码 <?= $form->field($model, 'password')->passwordInput() ?> //标签与提示

骑猪看日落/ 2022年09月30日 07:25/ 0 赞/ 224 阅读

相关 yii2实现弹框

1.首先引入命名空间 use yii\bootstrap\Modal; use yii\helpers\Url; <?php echo Html::

水深无声/ 2022年07月15日 11:07/ 0 赞/ 286 阅读

相关 yii2使用modal弹窗

视图中引用bootstrap扩展 use yii\bootstrap\Modal; <?php AdminModal::begin([

今天药忘吃喽~/ 2022年07月14日 11:26/ 0 赞/ 268 阅读

相关 yii2复选框默认选择

一、控制器 1.查询出复选框中需要列出的列表获取前一页面的url(yii2.0) Yii :: $app \-> request \->getReferrer() 2

怼烎@/ 2022年07月13日 02:51/ 0 赞/ 235 阅读

相关【Angular】弹框

一、Module中操作： import {DialogModule} from 'primeng/primeng'; import {ButtonModule

痛定思痛。/ 2022年05月07日 23:36/ 0 赞/ 351 阅读

相关 JavaScript弹框

注意：弹窗使用反斜杠来换行![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG

系统管理员/ 2022年04月12日 05:40/ 0 赞/ 354 阅读

相关 js弹框

1.引入jquery.min.js 2.上代码 <!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml">

雨点打透心脏的1/2处/ 2022年03月22日 03:09/ 0 赞/ 564 阅读