web-dev-qa-db-ja.com

追加のアイコンでGridView ActionColumnを拡張

私は、管理者が事前にアップロードされたファイルをダウンロードする機能（ログイン）をユーザーに提供するYii2フレームワークでwebappを構築しています。

sendFile()メソッドを呼び出す特定のコントローラーでactionDownloadアクションを作成しました。

GridView（ドキュメントのリスト）でクリック時に特定のアクションactionDownloadを呼び出すボタンを作成するにはどうすればよいですか？

gridviewyii2
22
AleCat83

テンプレート および ボタン の宣言を次のように拡張します。

[
    'class' => 'yii\grid\ActionColumn',
    'template' => '{download} {view} {update} {delete}',
    'buttons' => [
        'download' => function ($url) {
            return Html::a(
                '<span class="glyphicon glyphicon-arrow-down"></span>',
                $url, 
                [
                    'title' => 'Download',
                    'data-pjax' => '0',
                ]
            );
        },
    ],
],

URL付きのダウンロードアイコンが既存のアイコンセットに追加されます。たとえば、デフォルトのアイコンがどのようにレンダリングされるかを確認できます here 。

一般的な場合、リンクを手動で構築する必要さえありません。ボタン名とモデルの主キーに基づいて構築されます。たとえば、/download?id=1。

別のurl特別なプロパティが必要な場合は、 $ urlCreator と呼ばれますが、ボタンレンダリングクロージャでそれを変更することもできます。次に例を示します。

'download' => function ($url, $model) {
    return Html::a(
        '<span class="glyphicon glyphicon-arrow-download"></span>',
        ['another-controller/anotner-action', 'id' => $model->id], 
        [
            'title' => 'Download',
            'data-pjax' => '0',
        ]
    );
},
39
arogachev

Kartik-v yii2グリッドアクション列に別のアクションボタンを追加する方法

次の例をご覧ください。コピーボタンを追加しました。

[
    'class' => 'kartik\grid\ActionColumn',
    'dropdown' => false,
    'vAlign'=>'middle',
    'template' => '{delete} {view} {update} {copy}',
    'urlCreator' => function($action, $model, $key, $index) { 
            return Url::to([$action,'id'=>$key]);
    },
    'buttons'=>[
        'copy' => function ($url, $model, $key) {
            return Html::a('<span class="glyphicon glyphicon-copy"></span>', ['copy', 'id'=>$model->id],['title'=>'Copy']);
        },
    ],      
    'viewOptions'=>['role'=>'modal-remote','title'=>'View','data-toggle'=>'tooltip'],
    'updateOptions'=>['role'=>'modal-remote','title'=>'Update', 'data-toggle'=>'tooltip'],
    'deleteOptions'=>['role'=>'modal-remote','title'=>'Delete', 
                      'data-confirm'=>false, 'data-method'=>false,// for overide yii data api
                      'data-request-method'=>'post',
                      'data-toggle'=>'tooltip',
                      'data-confirm-title'=>'Are you sure?',
                      'data-confirm-message'=>'Are you sure want to delete this item'], 
],
2
Muhammad Shahzad

テンプレート属性は重要です

echo GridView::widget([
    'dataProvider' => $dataProvider,
    'filterModel' => $searchModel,
    'columns' => [
        ['class' => 'yii\grid\SerialColumn'],
         'id', 
         'title',
        ['class' => 'yii\grid\ActionColumn',
            'buttons' => [
                'additional_icon' => function ($url, $model, $key) {
                    return Html::a ( '<span class="glyphicon glyphicon-th-list" aria-hidden="true"></span> ', ['controller/action', 'id' => $model->id] );
                },
            ],
            'template' => '{update} {view} {delete} {additional_icon}'


        ],
    ],
]);
1
Rafal