slavkovrn/yii2-jsoneditor

Yii2 JsonEditor widget uses Json Editor plugin for jQuery

Installs: 7

Dependents: 0

Suggesters: 0

Stars: 0

Watchers: 1

Forks: 0

Open Issues: 0

Language:JavaScript

Type:yii2-extension

dev-master 2019-08-25 16:02 UTC

README

JsonEditor widget demo page

The extension uses Json Editor plugin by Author Jadesoul http://jadesoul.org for jQuery and makes user interface for changing json values.

JsonEditor widget

Installation

The preferred way to install this extension is through composer.

Either run:

composer require slavkovrn/yii2-jsoneditor

or add

"slavkovrn/yii2-jsoneditor": "*"

to the require section of your composer.json file.

Usage

Set link to extension in your view:

<?php
use slavkovrn\jsoneditor\JsonEditorWidget;
use yii\widgets\ActiveForm;
use yii\helpers\Html;
?>
    <?php $ form = ActiveForm::begin(); ?>

    <?= $form->field($model, 'username')->widget(JsonEditorWidget::class,[
        'rootNodeName' => 'root1',
    ]) ?>

    <?= $form->field($model, 'email')->widget(JsonEditorWidget::class,[
        'rootNodeName' => 'root2',
    ]) ?>

    <div class="form-group">
        <?= Html::submitButton('Save', ['class' => 'btn btn-success']) ?>
    </div>

    <?php ActiveForm::end(); ?>

write comments to admin