aayushmhu/yii2-popupbutton

在您的Yii2应用程序中添加您需要的弹出窗口。这个扩展是Bootstrap4按钮和Bootstrap4模态框的组合。借助这个扩展,您可以轻松地将任何页面渲染到YII2应用程序的弹出模态框中。

安装: 149

依赖项: 0

建议者: 0

安全性: 0

星级: 0

关注者: 2

分支: 0

开放问题: 0

类型:yii2-extension

dev-main 2021-12-31 17:36 UTC

This package is auto-updated.

Last update: 2024-09-26 01:07:45 UTC


README

要安装此插件,请运行以下命令

"composer require aayushmhu/yii2-popupbutton dev-main"

要使用此插件,您需要编写以下代码

例如



// IN View

// For Popup Add Modal
\yii\bootstrap4\Modal::begin([
'id' => 'modal',
'size' => 'modal-lg',
]);

echo "";
\yii\bootstrap4\Modal::end();

use \aayushmhu\popupbutton\PopupButton;

echo PopupButton::widget([
    'options' => [
        'id'=>\aayushmhu\popupbutton\PopupButton::DEFAULT_BUTTON,
        'value'=>'/site/popup',
        'class'=>'btn btn-primary popupButton',
    ],
    'formid'=>'department-form',
    'type'=>\aayushmhu\popupbutton\PopupButton::POPUP_VIEWONLY,
    'label'=>'Popup',
]);

在控制器中,以Ajax方式渲染您的页面


public function actionPopup(){

    $model = $this->yourmodel();

    return $this->renderAjax('contact', [
        'model' => $model,
    ]);
}

value : 这是渲染页面的URL,formid : 如果您在弹出窗口中使用了表单,这是表单的ID

注意:类必须使用"popupButton",否则插件不会工作

type: Popuptype 定义了如果您使用不同类型的弹出窗口时的情况

  1. POPUP_VIEWONLY 弹出窗口只是任何页面的渲染
  2. POPUP_WITHFORM 这种类型的弹出窗口用于表单提交
  3. POPUP_WITHFORM_SEARCH 这种类型的弹出窗口用于带有搜索表单的表单提交,如果页面中的分页为真,则它会提交数据,页面将保持在分页上。您只需看到表单提交,页面不会刷新,并且数据已提交和更新

当您使用 POPUP_WITHFORM_SEARCH 时,必须在页面上定义 "searchformid"。