demogorgorn/yii2-sortable

使用HTML5拖放API为Yii 2.0创建可排序的列表和网格。

维护者

详细信息

github.com/demogorgorn/yii2-sortable

主页

源代码

问题

安装: 337

依赖: 0

建议: 0

安全: 0

星标: 1

关注者: 3

分支: 1

开放问题: 1

语言：JavaScript

类型：yii2-extension

dev-master 2015-03-05 04:28 UTC

BSD 3-Clause 63c896ca5cd62eb1ed60cdcd523dc51fac59521c

jquerybootstrapsortableextensionwidgetrangeyii2

This package is auto-updated.

Last update: 2024-09-21 21:49:55 UTC

README

这是为Sortable（https://github.com/RubaXa/Sortable）提供的Yii2包装器，Sortable是一个用于现代浏览器和触摸设备的可重排拖放列表的最小化JavaScript库。

安装

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

运行以下命令：

php composer.phar require --prefer-dist demogorgorn/yii2-sortable "*"

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

"demogorgorn/yii2-sortable": "*"

如何使用

在您的视图文件中。

// items data example
<?php 
	$items = [
		[
        	'content' => 'item-1',
            'options' => ['data-id' => 'optional data attribute'],
        ],
        [
        	'content' => 'item-name',
        ]
    ];

?>


<?php echo \demogorgorn\sortable\Sortable::widget([
		'varName' => 'editable',
		'editable' => true,
		'options' => [
			'class' => 'block__list',
			'id' => 'currencylist',
		],
		'items'=> $items,
		'clientOptions' => [
		'animation' => 150,
		'filter' => '.js-remove',
		'onFilter' => new \yii\web\JsExpression('function (evt) {
			var code = evt.item.getAttribute("data-id");
			evt.item.parentNode.removeChild(evt.item);
		}'),
		'onUpdate' => new \yii\web\JsExpression('function (evt) {
			// do something with js
		}'),
	],
]); ?>