execut/yii2-loading-overlay

Yii2 加载覆盖小部件

维护者

详细信息

github.com/execut/yii2-loading-overlay

主页

源代码

问题

维基

安装次数: 1,887

依赖关系: 1

建议者: 0

安全: 0

星标: 2

关注者: 2

分支: 1

开放问题: 0

语言:JavaScript

类型:yii2-extension

0.3.4 2021-02-17 08:12 UTC

Requires

Apache-2.0 3c93782ba8250a5057e2fab0dbb9c046204b2c2f

  • eXeCUT

yii2 widgetyii2 loading overlay

This package is auto-updated.

Last update: 2024-09-17 15:44:17 UTC

README

Yii2 加载覆盖 JavaScript 小部件

安装

安装此扩展的首选方式是通过 composer。

运行以下命令之一：

$ php composer.phar require execut/yii2-loading-overlay "dev-master"

或者

"execut/yii2-loading-overlay": "dev-master"

将以下内容添加到您的 composer.json 文件的 require 部分。

使用方法

在您的 JavaScript 代码中使用 JavaScript 小部件，只需在您的页面上注册 \execut\loadingOverlay\LoadingOverlayAsset 即可。

示例

将此代码复制到应用程序视图文件中

<button class="toggle-loading">Toggle overlay</button>
<div id="target" style="height:300px;width:300px;background:gray"></div>
<?php
$this->registerJs(<<<JS
jQuery(function ($) {
  var target = $('#target');
  $('.toggle-loading').click(function () {
    if (target.hasClass('loading')) {
      target.loadingOverlay('remove');
    } else {
      target.loadingOverlay();
    };
  });
});
JS
);
\execut\loadingOverlay\LoadingOverlayAsset::register($this);

许可协议

yii2-loading-overlay 采用 Apache 许可协议版本 2.0 发布。有关详细信息，请参阅捆绑的 LICENSE.md 文件。