GridView行作爲鏈接，除了Yii2中的動作列項目

Question

當我使用下面的代碼時，它將覆蓋動作列刪除/更新鏈接。

'rowOptions' => function ($model, $key, $index, $grid) { 
    return [ 
     'id'  => $model['id'], 
     'onclick' => 'location.href="' 
      . Yii::$app->urlManager->createUrl('accountinfo/update') 
      .'?id="+(this.id);', 
    ]; 
}, 

正如我有許多列這將有利於在一個地方指定鏈接的URL，而不是在每列中使用下面的代碼：

'value' => function ($data) { 
       return Html::url('site/index'); 
      } 

那麼，有沒有給鏈接，任何最好的方法GridView中除了動作列外的整行？

編輯： 完整的GridView

GridView::widget([ 
    'dataProvider' => $dataProvider, 
    'filterModel' => $searchModel, 
    'rowOptions' => function ($model, $index, $widget, $grid) { 
     if ($widget == 1) 
      return [ 
       'id' => $model['id'], 
       'onclick' => 'location.href="' 
        . Yii::$app->urlManager->createUrl('accountinfo/update') 
        . '?id="+(this.id);' 
      ]; 
    }, 
    'columns'  => [ 
     ['class' => 'yii\grid\SerialColumn'], 

     // 'id', 
     'f_name', 
     'l_name', 
     'address', 
     'country', 
     'state', 
     'city', 
     'pincode', 
     [ 
      'attribute' => 'status', 
      'value'  => function ($model, $key, $index, $column) { 
       return $model->status == '1' ? 'Enabled' : 'Disabled'; 
      }, 
      'filter' => [1 => 'Enabled', 0 => 'Disabled'], 
     ], 
     'card', 
     'note', 
     'balance', 
     'is_new', 
     [ 
      'attribute' => 'is_new', 
      'value'  => function ($model, $key, $index, $column) { 
       return $model->is_new == '1' ? 'Yes' : 'No'; 
      }, 
      'filter' => [1 => 'Yes', 0 => 'No'], 
     ], 
     [ 
      'class' => 'yii\grid\ActionColumn', 
      'template' => '{update}  {delete}', 
     ], 
    ], 
]); 

Answer 1

你可以試試這個。只要用戶點擊未包含在其他元素中的td元素，就會使整行可點擊。所以行動列也是可點擊行的一部分，但不是字形。

<?= GridView::widget([ 

    ... 

    'rowOptions' => function ($model, $key, $index, $grid) { 
     return ['data-id' => $model->id]; 
    }, 

    ... 

]); ?> 

<?php 
$this->registerJs(" 

    $('td').click(function (e) { 
     var id = $(this).closest('tr').data('id'); 
     if(e.target == this) 
      location.href = '" . Url::to(['accountinfo/update']) . "?id=' + id; 
    }); 

"); 

也文檔見event.target：

目標屬性可以是註冊的事件 或它的後代元素。將event.target與 進行比較通常非常有用，以確定是否由於事件 冒泡而正在處理事件。這個屬性在事件委託中非常有用，當時有 事件冒泡。

Answer 2

我建議使用下面的javascript來防止過濾器列上的事件觸發。

<?php 
$this->registerJs(" 
    $('td').click(function (e) { 
     var id = $(this).closest('tr').data('id'); 
     if (e.target == this && id) 
      location.href = '" . Url::to(['thread/view']) . "?id=' + id; 
    }); 
"); 

或者

<?php 
$this->registerJs(" 
    $('tbody td').css('cursor', 'pointer'); 
    $('tbody td').click(function (e) { 
     var id = $(this).closest('tr').data('id'); 
     if (e.target == this) 
      location.href = '" . Url::to(['thread/view']) . "?id=' + id; 
    }); 
"); 

Answer 3

用戶'filterPosition'=>' ',

<?= 
        GridView::widget([ 
         'dataProvider' => $dataProvider, 
         'filterModel' => $searchModel, 
         'resizableColumns' => true, 
         'containerOptions' => ['style' => 'overflow: auto'], // only set when $responsive = false 
         'headerRowOptions' => ['class' => 'kartik-sheet-style'], 
         'filterRowOptions' => ['class' => 'kartik-sheet-style'], 
         'pjax' => true, 
         'hover' => true, 
         'export' => false, 
         'columns' => $gridColumns, 
         'filterPosition'=>' ', 
        ]); 
        ?> 

Answer 4

[ 
    'attribute'=>'website', 
    'format' => 'raw', 
    'value'=>function ($data) { 
    $wsite = Agents::find() 
      ->all(); 
    return Html::a(Html::encode($wsite[0]->website), $wsite[0]->website); 
    }, 
    'label'=>'Website', 
    'vAlign'=>'middle', 
    'width'=>'150px',    
], 

Answer 5

GridView::widget([ 
     'dataProvider' => $dataProvider, 
     'filterModel' => $filterModel, 
     'rowOptions' => function ($m, $key, $index, $grid) { 
      return ['data-href' => 'book-vgift/girl-vgift?to=' . $m->user_id]; 
     }, 
     'columns' => [ 
      [ 

JavaScript文件

$('table tr[data-href]').click(function() { 

    if ($(this).data('href') !== undefined) { 
     window.location.href = $(this).data('href'); 
    } 

});