jcabanillas/yii2-simple-loading

简单加载

安装: 150

依赖项: 0

建议者: 0

安全: 0

星标: 0

关注者: 1

分支: 0

公开问题: 0

类型:yii2-extension

dev-master 2021-08-20 04:50 UTC

This package is auto-updated.

Last update: 2024-09-20 11:53:43 UTC


README

适用于 Yii 框架 2.0 或更高版本的简单加载小部件

描述

jcabanillas\simpleloading\SimpleLoading 小部件是一种简单的方式来在你的视图中显示加载界面。

需求

  • Yii 版本 2.0.0 或更高

安装

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

运行以下命令:

php composer.phar require --prefer-dist jcabanillas/yii2-simple-loading "*"

或者将以下内容添加到你的 composer.json 文件的 require 部分:

"jcabanillas/yii2-simple-loading": "*"

用法

安装扩展后,只需在 PHP 代码中使用它即可

	// ...
	use jcabanillas\simpleloading\SimpleLoading;
	// ...
	SimpleLoading::widget();
	// ...

在 JavaScript 中调用 start 和 stop 来控制加载小部件

	/*
	 * start(image type)
	 * Allows to start the loading image and select the image to show
	 * options: [box, clock, default, gears, hourglass, magnify, reload, ring-alt, ring, ripple, rolling]
	 */
	SimpleLoading.start('gears'); 	// Load gears.gif
	SimpleLoading.start('default'); // Load default.gif
	SimpleLoading.start(); 			// Load default.gif

	/*
	 *
	 * Allows to stop the loading image
	 */
	SimpleLoading.stop();


	// Example:

	$.ajax(
		{
			'type':'POST',
			'dataType':'json',
			'url':'index.php?r=controller/action',
			'beforeSend':function(json)
			{
				SimpleLoading.start('gears');
			},
			'success':function(json){/* ... */},
			'error':function(json,status,errorThrown ){/* ... */},
			'complete':function(json)
			{
				SimpleLoading.stop();
			},
			'cache':false,
			'data':jQuery(this).parents("form").serialize()
		}
	);

历史

  • 版本 1.0.0 (2017-05-30)
    • 在 Yii 2.0.6 上测试
  • 版本 1.0.1 (2017-10-30)
    • 在 Yii 2.0.12 上测试