jwaldock/yii2-ajaxform

Provides AJAX submission for yii2 ActiveForm

ActiveForm AJAX Save Widget

Provides AJAX save for yii2 ActiveForm, _(*1)

Installation

The preferred way to install this extension is through composer., _(*2)

Add, _(*3)

"repositories":[
    {
        "type": "git",
        "url": "https://github.com/jwaldock/yii2-ajaxform"
        "url": "https://path.to/your/repo"
    }
]

to your composer.json file., _(*4)

Either run, _(*5)

php composer.phar require jwaldock/yii2-ajaxform:dev-master

or add., _(*6)

"jwaldock/yii2-ajaxform": "dev-master"

"repositories":[
    {
        "type": "git",
        "url": "https://path.to/your/repo"
    }
]

to your composer.json file., _(*7)

Either run, _(*8)

php composer.phar require jwaldock/yii2-ajaxform:dev-master

or add., _(*9)

"jwaldock/yii2-ajaxform": "dev-master"

to the require section of your composer.json file, _(*10)

Usage

Set up AJAX validation for your, _(*11)

yiiAjaxForm provides three events submitBegin, submitEnd and submitFailed. Event handlers for these events should have the following function signatures:, _(*12)

// 'submitBegin' event
function (event) {
    // handle submission begin
}

// 'submitEnd' event
function (event, success, modeldata) {
    if (success) {
        // handle successful save
        return
    }
    // handle failed save
}

// submitFailed
function (event, xhr) {
    // handle failure
}

public function actions()
{
   return [
       'submit-model' => [
           'class' => 'jwaldock\ajaxform\AjaxSubmitAction',
           'modelClass' => 'model', // the fully qualified class name of the model  
           'tabular' => true, // set to true if using a tabular form - defaults to false
           'scenario' => 'model-scenario' // optional model scenario
       ],
       // other actions
   ];
}

 $form, // ActiveForm
    'disableSubmit' => true, // whether to disable the submit button on submitting the form
    'savingContent' => 'Saving...', the inner html content of the submit button when saving
    'clientEvents' => [
        'submitEnd' => $js,
    ],
]);
?>