antkaz/yii2-iview

This package is abandoned and no longer maintained. No replacement package was suggested.

The iView extension for the Yii framework

v0.2 2018-06-03 11:28 UTC

Requires

• antkaz/yii2-vue: ~1.0
• npm-asset/iview: ~2.14.0
• yiisoft/yii2: ~2.0.14

Requires (Dev)

• phpunit/phpunit: ^5

MIT

• Anton Kazarinov

• yii2
• iview

README

IVIew Extension for Yii2

This is the IView UI extension based on Vue.js for Yii2. It allows you to use the components of the IView library in your application.

Documentation:

• Russian
• English

Installation

The preferred way to install this extension is through composer.

Run

php composer.phar require antkaz/yii2-iview

or add

"antkaz/yii2-iview": "dev-master"

to the require section of your composer.json file.

Usage

After installing the extension, just use it in your code:

<?php

use antkaz\iview\IViewAsset;
use antkaz\vue\Vue;
use \yii\web\JsExpression;

IViewAsset::register($this);
?>
<div class="iview">
    <?php Vue::begin([
        'clientOptions' => [
            'data' => [
                'visible' => false
            ],
            'methods' => [
                'show' => new JsExpression('function() {this.visible = true;}')
            ]
        ]
    ]) ?>

    <i-button @click="show">Click me!</i-button>
    <Modal v-model="visible" title="Welcome">Welcome to iView</Modal>

    <?php Vue::end() ?>
</div>

The above example displays a button. Clicking this button opens a modal window.