mackrais / yii2-btn-copy-html-block
Widget by clone html block yii2.
Installs: 140
Dependents: 0
Suggesters: 0
Security: 0
Stars: 4
Watchers: 1
Forks: 0
Language:JavaScript
pkg:composer/mackrais/yii2-btn-copy-html-block
Requires
- php: >=5.3.0
- yiisoft/yii2: *
This package is auto-updated.
Last update: 2025-11-06 02:14:21 UTC
README
NOTE: Widget should always be the block that we cloned.
Installation
The preferred way to install this extension is through composer.
Either run
php composer.phar require --prefer-dist mackrais/yii2-btn-copy-html-block "dev-master"
or
composer require --prefer-dist mackrais/yii2-btn-copy-html-block "dev-master"
or add
"mackrais/yii2-btn-copy-html-block": "dev-master"
to the require section of your composer.json file.
Usage
<div class="mr-color-input pull-left">
<?= $form->field($model, 'colors[]')->textInput(['type'=>'color','class'=>'product-color-input '])->label(false) ?>
<?= mackrais\copyblock\Widget::widget([
'caption'=>'', // any text button
'options'=>[
'class'=>'my-class', // Options yii\helpers\Html::a()
'classRemoveBtn' => 'my-class' // for example glyphicon glyphicon-trash
], // any text button
'beforeInsertBlock'=>'beforeClone(event, $this, $cloneBlock)', //
'afterInsertBlock'=>'afterClone(event, $this, $cloneBlock, $tmpBlock)', //
'beforeDeleteBlock'=>'beforeDelete(event, $this, $block)', //
'afterDeleteBlock'=>'afterDelete(event, $this, $block)', //
'selectorCloneBlock'=>'.mr-color-input', // selector clone block
]) ?>
</div>
<div class="clearfix"></div>
Usage js events
function beforeClone(event, $this, $cloneBlock) { console.log('Block ',$cloneBlock,' will be cloned!'); } function afterClone(event, $this, $cloneBlock, $tmpBlock) { console.log('Block ',$tmpBlock,' was cloned!'); } function beforeDelete(event, $this, $block) { console.log('Block ',$block, ' will be deleted!'); } function afterDelete(event, $this, $block) { console.log('Block ',$block,' was deleted!'); }
Result
License
yii2-btn-copy-html-block is released under the BSD 3-Clause License. See the bundled LICENSE.md for details.