CODEWITHSUNDEEP
javascriptjqueryyii2
Wilson Ng
Wilson Ng

Reputation: 201

yii2 dynamic-form wbraganca call javascript function

I have read some articles about yii2 dynamic-form and javascript function. The solution given by InsaneSkull is perfect. But i have one question. example : i'm using dynamic-form from wbraganca and trying to call function onchange event (javascript). My code like this

    <?= $form->field($detail, "[{$i}]qty")->widget(\yii\widgets\MaskedInput::className(),
[
        'clientOptions' => [
                'alias' => 'numeric',
                'groupSeparator' => ',',
                'digits' => 0,
                'autoGroup' => true,
                'removeMaskOnSubmit' => true,
                'rightAlign' => false,                                                                  
        ],
        'options' => [
                'class' => 'form-control',
                'onchange' => 'Info($(this))',                                                                  
        ]                                                               
]) ?>

First, i try to register Info function like below

<?php
$script = <<< JS

function Info(item){
   var index  = item.attr("id").replace(/[^0-9.]/g, "");        
   alert(index);        
};

JS;
$this->registerJs($script);
?>

It gave error because Info function not defined yet.

Second, I registered in AppAsset and it worked.

My question : what is the differences? *(I think it was the scope). How to define the function beside register in AppAsset ?

Upvotes: 0

Views: 462

Answers (1)

Marcin Gordel
Marcin Gordel

Reputation: 321

Where dou you register above script? If in view after use widget, default position at which JS is register is POS_READY public void registerJs ( $js, $position = self::POS_READY, $key = null ) Try to use position POS_BEGIN or POS_HEAD if you want to put the script after use widget. Otherwise You can override widget class and put this script into init method of the widget which is execute before run method rendered widget.

Upvotes: 1

Related Questions