blocks|key|4541467|text|像这样扩展template和buttons的声明：|type|unstyled|depth|inlineStyleRanges|entityRanges|offset|length|data|4541468|[
++++'class'+=>+'yii\grid\ActionColumn',
++++'template'+=>+'{download}+{view}+{update}+{delete}',
++++'buttons'+=>+[
++++++++'download'+=>+function+($url)+{
++++++++++++return+Html::a(
++++++++++++++++'<span+class="glyphicon+glyphicon-arrow-down">',
++++++++++++++++$url,+
++++++++++++++++[
++++++++++++++++++++'title'+=>+'Download',
++++++++++++++++++++'data-pjax'+=>+'0',
++++++++++++++++]
++++++++++++);
++++++++},
++++],
],|code-block|syntax|javascript|4541469|带有url的下载图标将被添加到现有的图标集中。例如，您可以看到默认图标是如何在here中呈现的。|4541470|在一般情况下，你甚至不必手动构建链接，它将基于按钮名称和模型主键来构建，例如/download?id=1。|style|CODE|4541471|如果您希望存在不同的url特殊属性，则将其命名为$urlCreator，但您也可以在按钮呈现闭包中正确地更改它，例如：|4541472|'download'+=>+function+($url,+$model)+{
++++return+Html::a(
++++++++'<span+class="glyphicon+glyphicon-arrow-download">',
++++++++['another-controller/anotner-action',+'id'+=>+$model->id],+
++++++++[
++++++++++++'title'+=>+'Download',
++++++++++++'data-pjax'+=>+'0',
++++++++]
++++);
},|4541473|entityMap|0|LINK|mutability|MUTABLE|url|http://www.yiiframework.com/doc-2.0/yii-grid-actioncolumn.html#$template-detail|1|http://www.yiiframework.com/doc-2.0/yii-grid-actioncolumn.html#$buttons-detail|2|https://github.com/yiisoft/yii2/blob/master/framework/grid/ActionColumn.php#L104|3|http://www.yiiframework.com/doc-2.0/yii-grid-actioncolumn.html#$urlCreator-detail^0|5|8|0|E|7|1|0|0|13|4|2|0|12|E|0|O|B|3|0|0^^$0|@$1|2|3|4|5|6|7|16|8|@]|9|@$A|17|B|18|1|19]|$A|1A|B|1B|1|1C]]|C|$]]|$1|D|3|E|5|F|7|1D|8|@]|9|@]|C|$G|H]]|$1|I|3|J|5|6|7|1E|8|@]|9|@$A|1F|B|1G|1|1H]]|C|$]]|$1|K|3|L|5|6|7|1I|8|@$A|1J|B|1K|M|N]]|9|@]|C|$]]|$1|O|3|P|5|6|7|1L|8|@]|9|@$A|1M|B|1N|1|1O]]|C|$]]|$1|Q|3|R|5|F|7|1P|8|@]|9|@]|C|$G|H]]|$1|S|3|-4|5|6|7|1Q|8|@]|9|@]|C|$]]]|T|$U|$5|V|W|X|C|$Y|Z]]|10|$5|V|W|X|C|$Y|11]]|12|$5|V|W|X|C|$Y|13]]|14|$5|V|W|X|C|$Y|15]]]]

Extend declaration of <a href="http://www.yiiframework.com/doc-2.0/yii-grid-actioncolumn.html#$template-detail" rel="noreferrer">template</a> and <a href="http://www.yiiframework.com/doc-2.0/yii-grid-actioncolumn.html#$buttons-detail" rel="noreferrer">buttons</a> like this:

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

The download icon with the url will be added to existing set of icons. You can see for example how default icons are rendered <a href="https://github.com/yiisoft/yii2/blob/master/framework/grid/ActionColumn.php#L104" rel="noreferrer">here</a>.

In common case you don't even have to build link manually, it will be constructed based on the button name and model primary key, for example <code>/download?id=1</code>.

In case you want different url special property exists, it's called <a href="http://www.yiiframework.com/doc-2.0/yii-grid-actioncolumn.html#$urlCreator-detail" rel="noreferrer">$urlCreator</a>, but you can also change it right in the button rendering closure, for example:

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

blocks|key|4541536|text|如何在kartik-v+yii2网格动作栏中添加另一个动作按钮？|type|unstyled|depth|inlineStyleRanges|entityRanges|data|4541537|请看下面的例子，我已经添加了复制按钮。|4541538|[
++++'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">',+['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'],+
],|code-block|syntax|javascript|4541539|entityMap^0|0|0|0^^$0|@$1|2|3|4|5|6|7|K|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|L|8|@]|9|@]|A|$]]|$1|D|3|E|5|F|7|M|8|@]|9|@]|A|$G|H]]|$1|I|3|-4|5|6|7|N|8|@]|9|@]|A|$]]]|J|$]]

How to add another action button in kartik-v yii2 grid action column?

Just see following example.I have added copy button.

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

blocks|key|34331|text|模板属性很重要|type|unstyled|depth|inlineStyleRanges|entityRanges|data|34332|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">+',+['controller/action',+'id'+=>+$model->id]+);
++++++++++++++++},
++++++++++++],
++++++++++++'template'+=>+'{update}+{view}+{delete}+{additional_icon}'


++++++++],
++++],
]);|code-block|syntax|javascript|34333|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|J|8|@]|9|@]|A|$E|F]]|$1|G|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|H|$]]

template attribute is important

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


 ],
 ],
]);
</code></pre>

I'm building a webapp with Yii2 framework that will provide users (logged in) the capability to download pre-uploaded files by administrators.

I've created the action <code>actionDownload</code> in the specific controller that call the <code>sendFile()</code> method.

How can I create a button that call the specific action <code>actionDownload</code> on click in a GridView (the list of documents)?

Extend GridView ActionColumn with additional icon

我正在构建一个带有Yii2框架的webapp，它将为用户(登录)提供下载管理员预先上传的文件的能力。我已经在调用sendFile()方法的特定控制器中创建了动作actionDownload。如何创建在GridView (文档列表)中单击时调用特定操作actionDownload的按钮？

问使用附加图标扩展GridView ActionColumn
EN

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问使用附加图标扩展GridView ActionColumnEN

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问使用附加图标扩展GridView ActionColumn
EN