when I click view button in CGridView, it is opened in a new window

Question

I used from CGridView in framework Yii, I want when I click view button , it is opened in a new window how can I add of "_new" of target ?

what have you tried. See this link : http://www.yiiframework.com/wiki/48/by-example-chtml/ — Zeeshan, Mar 31 '14 at 12:22

score 4 · Accepted Answer · answered Mar 31 '14 at 12:12

Add 'options' => array('target'=>'_new') to CButtonColumn configuration array in CGridView

array(
    'class'=>'zii.widgets.grid.CButtonColumn',
    'template' => '{view}',
    'buttons'=>array(
        'view' => array(
            'url' => '', // view url
            'options' => array('target' => '_new'),
        ),
    ),
),

score 0 · Answer 2 · answered May 06 '14 at 08:47

You can provide the html properties by using 'options' property.

    <?php
    $this->widget('zii.widgets.grid.CGridView', array(
        'dataProvider' => $dataProvider,
        'columns' => array(
            'table_field_1',
            'table_field_2',
            'table_field_3',
            array(
                'class' => 'CButtonColumn',
                /* ===== Template to set the buutons. Ex: If you dont want delete link, remove {delete} */
                //'template' => '{view} {update} {delete}',
                'buttons' => array(
                    'view' => array(
                        'options' => array('class' => 'newWindow'),
                    ),
                ),
            ),
        ),
    ));
    ?>

But, Opening a new window is browser dependent. With target="_blank" and target="_new" link will be opened in new tab in Mozilla, But in IE you will get new window. So user javascript to generate new window.

    <?php
    $this->widget('zii.widgets.grid.CGridView', array(
        'dataProvider' => $dataProvider,
        'columns' => array(
            'table_field_1',
            'table_field_2',
            'table_field_3',
            array(
                'class' => 'CButtonColumn',
                /* ===== Template to set the buutons. Ex: If you dont want delete link, remove {delete} */
                //'template' => '{view} {update} {delete}',
                'buttons' => array(
                    'view' => array(
                        'options' => array('class' => 'newWindow'),
                    ),
                ),
            ),
        ),
    ));
    ?>

Keep this jQuery in your .js file

    <script>
        $(document).ready(function()
        {
            $(".newWindow").click(function(e)
            {
                e.preventDefault();
                var url=$(this).attr('href');
                window.open(url, "_blank", "toolbar=no, scrollbars=yes, resizable=yes, top=100, left=100, width=1020, height=500");
            });
        });
    </script>

score 0 · Answer 3 · answered Jul 06 '15 at 12:27

You can use this

<?php
$this->widget('zii.widgets.grid.CGridView', array(
    'dataProvider' => $dataProvider,
    'columns' => array(
        'table_field_1',
        'table_field_2',
        'table_field_3',
        array(
            'class' => 'CButtonColumn',
            /* ===== Template to set the buutons. Ex: If you dont want delete link, remove {delete} */
            //'template' => '{view} {update} {delete}',
            'buttons' => array(
                'view' => array(
                    'options' => array('target' => '_blank'),
                ),
            ),
        ),
    ),
));
?>

when I click view button in CGridView, it is opened in a new window

3 Answers3