Adding function call on ajaxsubmit YiiBooster

Question

I am using YiiBooster extension in yii.

I have created a form using 'booster.widgets.TbActiveForm', it works like a charm Now I just want to submit my form with ajax and update a grid

let's consider that

my form id = myform
my grid id = mygrid

I have the following code for the submit button in the form

       $this->widget(
                        'booster.widgets.TbButton',
                        array(
                            'context' => 'primary',
                            'label' => 'Add',
                            'buttonType' => 'ajaxSubmit',
                            'url' => Yii::app()->createUrl('myController/myAction',array('id'=>$model->deal_id)),
                            'ajaxOptions' => array(
                                'type' => 'POST'
                            )
                        )
                    );

the AJAX works like a charm, but where do I put the grid update code after the ajax call is returned to the client side?

$.fn.yiiGridView.update('mygrid');

I also check the TbButton api documentation but I could not find a solution.

My last resort would be to hook a jQuery click function with my submit button and make the AJAX call myself, but I am hoping for a better solution.

@lin when you're editing posts please take the time to fix all the issues, not just a single, trivial one. — Flexo - Save the data dump
– Flexo - Save the data dump ♦, Commented Oct 5, 2014 at 22:45
@Flexo, I try it. I'am native. Because of this I dont correct spelling/gramma mistakes. ;) I hope you understand this. — lin
– lin, Commented Oct 6, 2014 at 8:07

Dinistro · Accepted Answer · 2015-01-06 14:20:19Z

4

$this->widget(
        'booster.widgets.TbButton',
        array(
            'context' => 'primary',
            'label' => 'Add',
            'buttonType' => 'ajaxSubmit',
            'url' => Yii::app()->createUrl(
                    'myController/myAction',array('id'=>$model->deal_id)
            ),
            'ajaxOptions' => array(
                'type' => 'POST',
                'success' => 'function(data) { 
                                $.fn.yiiGridView.update("mygrid");
                }',
            )
        )
);

edited Jan 6, 2015 at 14:20

Dinistro

5,7301 gold badge33 silver badges39 bronze badges

answered Oct 4, 2014 at 14:36

Harutyun Abgaryan

2,0231 gold badge14 silver badges15 bronze badges

Sign up to request clarification or add additional context in comments.

8 Comments

Robert Loxy Over a year ago

well before reading i knew it wont work and i was right because the TbButton class does not have such index for ajaxOptions array. You can download the extension and see line no #343 - #348 on TbButton class ------ btw i tested it also didnt worked

Harutyun Abgaryan Over a year ago

aaaa in yiiboster not worked yhis optin use boostrap cniska.net/yii-bootstrap or write native ajax call

Robert Loxy Over a year ago

now i have developed the whole project on yiibooster cant change, but the point is if they provide option for ajaxSubmit how to get control of that - to me thats strange .

Harutyun Abgaryan Over a year ago

one minut i change answer try this

Robert Loxy Over a year ago

i know this will work i am using it know, btw your previous anwsere works i was using the wrong id for the grid :) thnx mate chng ans so that i can mark as helpful :)

|

Collectives™ on Stack Overflow

Adding function call on ajaxsubmit YiiBooster

1 Answer 1

8 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

8 Comments

Your Answer

Sign up or log in

Post as a guest

Related