如何在Yii2网格视图中全局更改ActionColumn图标？
在Yii2网格视图中，可以通过更改ActionColumn的模板来全局更改图标。ActionColumn是一个用于显示操作按钮的列，通常用于执行常见的操作，如查看、编辑和删除。
要全局更改ActionColumn图标，可以按照以下步骤进行操作：
- 打开Yii2应用程序的配置文件（通常是
config/web.php或config/main.php）。 - 在配置文件中找到
gridview组件的配置，该组件负责渲染网格视图。 - 在
gridview组件的columns属性中，找到class为yii\grid\ActionColumn的配置。 - 在
ActionColumn的配置中，找到template属性，该属性定义了ActionColumn的显示模板。 - 在
template属性中，可以使用特定的占位符来指定要显示的图标。常见的占位符包括{view}、{update}和{delete}，分别对应查看、编辑和删除操作。 - 使用HTML标签和CSS类来指定要显示的图标。可以使用FontAwesome或其他图标库提供的CSS类，也可以使用自定义的CSS类。
以下是一个示例配置，演示如何在Yii2网格视图中全局更改ActionColumn图标：
'gridview' => [
'class' => 'yii\grid\GridView',
'columns' => [
// other columns...
[
'class' => 'yii\grid\ActionColumn',
'template' => '{view} {update} {delete}',
'buttons' => [
'view' => function ($url, $model, $key) {
return Html::a('<i class="fa fa-eye"></i>', $url, ['title' => 'View']);
},
'update' => function ($url, $model, $key) {
return Html::a('<i class="fa fa-pencil"></i>', $url, ['title' => 'Update']);
},
'delete' => function ($url, $model, $key) {
return Html::a('<i class="fa fa-trash"></i>', $url, ['title' => 'Delete']);
},
],
],
],
],在上面的示例中，我们使用了FontAwesome图标库，并将<i>标签与相应的CSS类结合使用，以显示不同的图标。你可以根据需要选择适合的图标库和CSS类。
请注意，上述示例中使用的Html::a()方法用于生成链接，你可以根据实际情况使用适当的方法来生成链接。
这是一个完整的答案，包括了如何在Yii2网格视图中全局更改ActionColumn图标的步骤和示例代码。希望对你有帮助！如果你需要了解更多关于Yii2和腾讯云的信息，请访问腾讯云官方网站：腾讯云。
相关·内容
1回答
我的listview的actioncolumn没有显示它们的详细视图。无法从我的列表视图中查看、更新或删除项目。每个视图都以
请求错误(#400)
缺少必需的参数: id
当我仔细查看actioncolumn项时，可以看到在view/edit/delete图标的url中，没有可用的id。例如
.../index.php?r=机会%2Fview
通常情况下必须是
.../index.php?r=机会%2Fview&id=2
我的控制器的功能是标准的：
public function actionIndex()
{
$searchModel = new OpportunitiesS
浏览 0提问于2018-02-19得票数 1
1回答
它与风格有关。当网格视图中有更多的列时，actioncolumn的布局将变成垂直的(参见附图)。我怎么才能把它改为水平的呢？我找不出为什么它在引导css中变得垂直。
谢谢!
浏览 1提问于2015-11-18得票数 0
回答已采纳
2回答
在网格视图中，有一个日期列。有时日期是空的。我想要的是，如果日期是空白的，它将显示和"x“图标红色，如果有日期，它将显示一个绿色的检查图标。在网格视图里是怎么做到的？
这是目前为止的密码..。
<?= GridView::widget([
'dataProvider' => $dataProvider,
'filterModel' => $searchModel,
'columns' => [
['class' => &#
浏览 3提问于2015-04-24得票数 3
回答已采纳
我已经安装了yii2，我想更改GridView排序图标和类。我怎么能这么做？我在yii2文档中搜索，但一无所获。
Yii2网格代码：
<?php echo GridView::widget([
'dataProvider' => $dataProvider,
'filterModel' => $searchModel,
'columns' => [
['class' => 'yii\grid\SerialColumn'],
[
浏览 2提问于2014-11-14得票数 3
回答已采纳
我正在使用ExtJS 4创建一个窗口，方法是单击带有代码的操作列图标：
{
xtype:'actioncolumn',
width: 20,
items: [
{
tooltip: 'Log',
icon: '/img/details.gif',
handler: function(grid, rowIndex) {
var store =
浏览 2提问于2012-04-17得票数 0
回答已采纳
在启用pjax的情况下，我使用kartik网格视图在yii 2中显示我的数据。每次我在网格视图中搜索数据时，搜索都是使用ajax完成的，但url却一直在变化。有办法保持网址不变吗？请帮我解决这个问题。这是我的代码：
<?php use kartik\grid\GridView;?>
<?= GridView::widget([
'dataProvider' => $dataProvider,
'filterModel' => $searchModel,
'pjax'=>true,
浏览 2提问于2014-12-09得票数 6
回答已采纳
我有这样一个蒙面输入：
<?= $form->field($model, 'ip')->widget(\yii\widgets\MaskedInput::className(),[
'clientOptions' => [
'alias' => 'ip',
浏览 1提问于2016-10-25得票数 3
回答已采纳
8回答
我有这样的代码：
<?php echo GridView::widget([
'dataProvider' => $dataProvider,
'filterModel' => $searchModel,
'columns' => [
['class' => 'yii\grid\SerialColumn'],
[
'label' => 'bla',
'format' =>
浏览 13提问于2014-04-10得票数 49
回答已采纳
我想问你一件事。当我点击网格视图中的一个按钮时，我想弹出一个模式。这段代码可以在yii2网格视图中使用吗？
<?= GridView::widget([
'dataProvider' => $dataProvider,
'filterModel' => $searchModel,
'columns' => [
['class' => 'yii\grid\SerialColumn'],
&#
浏览 0提问于2016-06-08得票数 0
视图
在网格视图中使用onclick事件？
错误:尝试获取非对象的属性
['class' => 'yii\grid\ActionColumn',
'template' => '{view} {delete} {myButton}',
'buttons' => [
'format' => 'raw',
浏览 1提问于2019-11-04得票数 0
我有三张桌子？s(s#,firstName,lastName)，p(p#,name)和sp(s#,p#,qty)。在s模型(由gii创建)中有所有的关系。
代码：
public function actionIndex()
{
$dataProvider = new ActiveDataProvider([
'query' =>s::find(),
]);
return $this->render('index', [
'dataP
浏览 0提问于2018-07-19得票数 1
回答已采纳
我已经创建了一段代码，用于生成需要包含在我的yii2 Grid ActionColumn中的显式按钮。通过这个函数，我可以定义一个按钮，只需指定一个参数数组：
名字
控制器(目的地)
图标
函数工作得很好，但是我不能用变量$config‘图标来替换静态字符串"my“，因为我不能将值发送给函数。
我能解决这个问题吗？(我使用的是卡蒂克网格扩展)
foreach(...) {
$actionColumns['controller'] = $config['controller'];
$actionColumns['butt
浏览 2提问于2016-07-02得票数 0
回答已采纳
1回答
当我点击网格视图中的一个按钮时，我想弹出一个模式。使用yii2 gridview可以做到这一点吗？
<?= GridView::widget([
'dataProvider' => $dataProvider,
'filterModel' => $searchModel,
'columns' => [
['class' => 'yii\grid\SerialColumn'],
'
浏览 0提问于2015-10-03得票数 7
回答已采纳
我试图为那些想为我的网站发送反馈信息的用户制作反馈页面，并且我正在使用网格视图来显示反馈列表。这是我做的网格视图代码。
<?= GridView::widget([
'dataProvider' => $dataProvider,
'filterModel' => $searchModel,
'layout'=>"{items}{pager}",
'tableOptions' => ['class' => 'table t
浏览 0提问于2015-08-27得票数 0
回答已采纳
1回答
我正在使用带有自定义操作按钮的Yii2网格视图。在点击自定义按钮时，我想更新该记录的状态，并从网格视图中隐藏该行。还想显示成功消息。
[
'class' => 'yii\grid\ActionColumn',
'header'=>'Actions',
'template' => '{confirm}',
'buttons' => [
//view button
'confirm
浏览 4提问于2015-09-24得票数 0
在Yii2的最新更新中，字形图标不再正确显示。我想转到字体很棒的图标普遍。 如何在一个地方更改所有GridView实例的ActionColumn输出？
浏览 16提问于2020-08-01得票数 0
我有一个带有actioncolumn的网格面板。
Action列中有一个图标，它的click处理程序运行良好。
但是当我单击图标时，在单击处理程序中，我想访问选定的行，但似乎没有选择任何行。
这是意料之中的吗？单击actioncolumn图标时是否需要手动设置选中的行？
浏览 4提问于2014-01-24得票数 1
1回答
我是yii2新手，我想为学生数据制作视图，在这张图片中我想删除和编辑图标，如何消除这个图标？
这是我这个索引视图的源代码。
GridView::widget([
'dataProvider' => $dataProvider,
'filterModel' => $searchModel,
'columns' => [
['class' => 'yii\grid\SerialColumn'],
'nis',
浏览 5提问于2015-11-17得票数 0
回答已采纳
1回答
我已经与相关的模型数据斗争了一段时间，似乎无法解决问题，我已经减少到使用一个非常简单的例子。
我有两个模型狗和主人，其中有以下关系。
所有者：
public function getDogs()
{
return $this->hasMany(Dog::className(), ['owner_id' => 'id']);
}
狗：
public function getOwner()
{
return $this->hasOne(Owner::className(), ['id' => 'owne
浏览 0提问于2015-04-30得票数 1
回答已采纳
我有下面的网格。
$gridColumns = [
'class'=>'kartik\grid\ActionColumn',
'headerOptions'=>['class'=>'kartik-sheet-style'],
'template' => '{delete}{my_button}',
],
echo Grid
浏览 2提问于2015-03-11得票数 3
我试图将$arr_judete_v2作为参数传递给网格视图中的回调函数，但它不起作用；
$model['county_id']返回一个数字
$arr_judete_v2[1]['nume']返回一个名称
我的问题是：
[
'attribute' => 'county_id',
'label' => Yii::t('diverse', 'Judet'),
浏览 0提问于2014-08-12得票数 6
回答已采纳
我使用的是网格视图，它显示的是操作列为空。它不显示编辑、删除、查看的图标。有人能分辨出什么是问题吗？这是代码
<?php
$gridColumns = [
[
'class' => 'yii\grid\SerialColumn',
],
'id',
'name',
'created'
浏览 6提问于2017-09-19得票数 0
回答已采纳
1回答
如何在此actioncolumn项中删除其处理程序中的图标？
{
header: 'Activate',
xtype: 'actioncolumn',
align: 'center',
width: 30,
sortable: false,
浏览 0提问于2012-09-26得票数 0
回答已采纳
我在本地有一个使用GridView的Yii2应用程序，但是当我在线部署它的时候，我就开始遇到问题了。下面是GridView的错误和代码
网格ReflectionException类\ \\checkBoxColumn不存在
View File
use kartik\grid\GridView;
<?= GridView::widget([
'dataProvider' => $dataProvider,
'filterModel' => $se
浏览 59提问于2018-06-08得票数 0
回答已采纳
我想在Yii 2网格视图中显示动作按钮作为下拉列表。我如何在不使用任何扩展的情况下实现这一点？
我在下面添加了源代码-
<?= GridView::widget([
'dataProvider' => $dataProvider,
'filterModel' => $searchModel,
'columns' => [
['class' => 'yii\grid\SerialColumn'],
浏览 1提问于2015-05-17得票数 3
1回答
我试图在网格面板中显示菜单。我有一个行动列来显示一个图标，我想应用一个效果.当鼠标在该图标上时，将显示一个菜单。
我是如何在extjs 5中做到这一点的？
我的行动栏是：
{
xtype: 'actioncolumn',
width: 70,
items: [{
icon: 'resources/images/icons/cog_edit.png', // Use a URL in the icon config
tooltip: 'Edit',
handler: f
浏览 2提问于2015-01-14得票数 4
对不起，我的英语不好。
我创建了模态表单来创建和更新数据，并使用pjax重新加载容器网格。一切正常，但是如果加载了容器网格，更新的模式表单就不会出现。它只出现在常规更新表单中。
但如果我手动刷新页面，则会显示用于更新的模式表单。这是我的网格视图中更新按钮的代码：
[
'class' => 'yii\grid\ActionColumn',
'template' => '{view} {update} {delete}',
'buttons' => [
&
浏览 0提问于2018-02-28得票数 0
我已经使用下面的代码在mysql数据库中保存了图像。 迁移文件 'content' => 'LONGBLOB NOT NULL', 控制器文件 $model->content = file_get_contents($model->path);
$model->save(false); 在视图文件中，它工作正常 echo '<img src="data:image/jpeg;base64,'.base64_encode($model->content).'"/>';
浏览 16提问于2020-11-25得票数 0
回答已采纳
yii2中的Kartik网格视图提供了在网格视图中显示复选框的选项。如何通过选中复选框来删除批量数据？任何帮助都是非常好的。下面是我的代码：
<?php use kartik\grid\GridView;?>
<?= GridView::widget([
'dataProvider' => $dataProvider,
'filterModel' => $searchModel,
'pjax'=>true,
'pjaxSettings'=>[
浏览 0提问于2014-12-10得票数 8
这是我的网格视图，我从类actionColumn改为：
[ 'format' => 'html',
'contentOptions'=>['style'=>'width: 5px;'],
'value' => function($model) {
if($model->id == Yii::$app->user->identity->id) {
浏览 7提问于2015-09-02得票数 5
回答已采纳
如何在yii2网格视图中对两个表进行搜索、排序、过滤？从gii工具生成后，我获得了一个表列的搜索排序，但我必须应用搜索，排序，过滤另一个表的列。
<?= GridView::widget([
'dataProvider' => $dataProvider,
'filterModel' => $searchModel,
'columns' => [
['class' => 'yii\grid\SerialColumn
浏览 0提问于2015-03-25得票数 0
1回答
在yii2网格视图中，我有以下代码：
echo GridView::widget([
'dataProvider' => $dataProvider,
'columns' => [
['class' => 'yii\grid\SerialColumn',
'options' => [
'width' => '40',
浏览 0提问于2018-01-11得票数 2
回答已采纳
我是Yii2的初学者。默认情况下，框架在“列表”视图中提供“视图”、“更新”、“删除”按钮。下面的代码显示在操作按钮上面。
[
'class' => 'yii\grid\ActionColumn',
...
...
],
现在，我想在这个ActionColumn中再添加一个按钮(即Book )。我也尝试用‘按钮’，但我得到错误。可能是我用得不好。
所以我会感谢你的帮助。
浏览 1提问于2015-04-11得票数 6
2回答
我可以用ajax写onclick函数，当actioncolumn:delete被触发时，我只是重新加载了网格视图的完整div部分-看起来很老的风格。
但是如何刷新唯一被删除行的状态呢？是否可以使用pjax(我尝试了google的一些代码，但失败了……)？
浏览 0提问于2015-03-20得票数 2
1回答
YII2网格视图问题的弹出窗口
、、、、
我尝试为我的公司创建一个web应用程序(CRUD应用程序)来管理他们的存储。我使用Yii2框架使它变得简单，并使用了很多来自kartik-v的插件，但我对弹出窗口有一个问题。实际上，我必须在网格视图中显示所有存储项目，并且我想为其功能创建一个弹出窗口。我已经为"create“做了，但我不能用同样的方法来做显示、编辑和更新功能，因为它(按钮链接)包含在表->actioncolumn中。我试图找到一些答案，它将我带到一个弹出式对话框中，但它并不像它应该的那样工作。我试着用它查看按钮。我显示了一段时间的弹出窗口，然后它指向查看页面。我真的不想让它只是一个弹出窗口。有人能帮帮我吗？
下面
浏览 0提问于2018-03-02得票数 1
回答已采纳
我使用的是Extjs4.1.0。
我有一个带有actioncolumn的网格。根据某些条件，我必须更改此操作列中的图标。
我使用了三个getClass方法来呈现本专栏中的图标。
xtype: 'actioncolumn',
items: [
{
getClass: function (v, meta, rec)
{
if (rec.get('fieldDeleteFlag') == false) return 'x-grid-del-css';
else return '';
浏览 0提问于2012-08-09得票数 0
回答已采纳
1回答
我希望这是我今天的最后一个问题。我在designer 2中找到了一个很好的actioncolumn选项。我在我的网格中添加了一个，它看起来像这样：
xtype: 'gridpanel',
title: 'Reports',
forceFit: true,
store: 'ReportsStore',
columns: [
浏览 2提问于2012-03-28得票数 1
回答已采纳
我知道在GridView中，只需在列中命名就可以显示属性
<?= GridView::widget([
'dataProvider' => $dataProvider,
'filterModel' => $searchModel,
'emptyCell' => '-',
'columns' => [
['class' => 'yii\grid\SerialColumn'],
'
浏览 1提问于2015-02-26得票数 1
回答已采纳
1回答
我有一个EXTJS网格与2动作列与图标。如果IsApproved = true，我如何设置渲染器隐藏图标？我已经尝试过this.columns.items.icon = ''；但得到的错误是this.columns未定义。
columns: [
{ header: 'Name', dataIndex: 'Name', flex: 1 },
{ header: 'Login', dataIndex: 'Login', flex: 1 },
浏览 0提问于2013-06-11得票数 1
回答已采纳
3回答
我想在yii2网格中乘两列，网格视图如下
<?= GridView::widget([
//'dataProvider' => $dataProvider,
'dataProvider'=>new ActiveDataProvider([
'query' => Adanalytics::find()->
where(['publisher_id' => Yii::$app->user->identi
浏览 0提问于2018-04-26得票数 0
回答已采纳
我的应用程序有一个带有网格的小型后台办公室，允许de编辑表单上的组合框列表。
网格记录可以通过ro楔入插件进行编辑，并通过单击actioncolumn图标来删除。
但是，combobox中有一个无法编辑的项，因为在combobox上显示时会触发一个显示另一个窗体字段的事件。
如何禁用编辑该项目的能力(用图标更新和删除)？
小提琴：
浏览 3提问于2015-10-05得票数 0
回答已采纳
我在我的项目中使用，在基本的和高级的主题上使用它，我喜欢它。
问题.如何更改网格默认确认对话框，即普通的javascript确认，以便使用使其看起来更好看？
我已经尝试为delete修改按钮的模板，因为如果您想更改消息，您将执行以下操作：
[
'class' => ActionColumn::className(),
'template' => '{update}{delete}',
'buttons' => [
浏览 1提问于2018-03-11得票数 3
回答已采纳
3回答
我有一个新问题，yii2。如何在视图/viewname/index中的网格视图中显示来自其他表的关系值，并在其中添加一个按钮以进行确认？
谢谢
<?php
use yii\helpers\Html;
use yii\grid\GridView;
/* @var $this yii\web\View */
/* @var $searchModel app\models\LaptopSearch */
/* @var $dataProvider yii\data\ActiveDataProvider */
$this->title = 'Laptops';
$
浏览 1提问于2017-07-29得票数 2
回答已采纳
2回答
首先，我正在使用yii2.0框架。
对，我有一个网格视图从我的数据库中提取数据。它目前工作，如果我使用任何搜索，它将重新加载新的数据页面。
不过，我现在已经创建了一些下拉列表类别。基本上有三个层次的类别，所以主要类别子类别和子类别。目前，我有两个ajax请求，它们将在下拉列表更改时填充子类别和子类别。(它从我的数据库中填充类别)。
现在，我希望网格视图显示链接到子类别的案例。因此，当我选择第一个类别，然后选择我的第二个和子类别时，网格视图将显示与其相关的内容。
目前，我的控制器为网格视图searchModel + dataProvider呈现，如下所示：
public function act
浏览 3提问于2015-04-01得票数 2
我有一页回声的3种不同的网格视图基于3种不同的模式。模特之间没有联系。我想用复选框从每个网格收集一些特定的数据，并将它们发送到相同的DB表中。这是显示页面：
/** Operators Grid View **/
<?= GridView::widget([
'dataProvider' => $dataProvider,
'filterModel' => $searchModel,
'columns' => [
['class' =>
浏览 3提问于2016-05-16得票数 0
回答已采纳
在做完我所得到的一切之后，尝试在Yii建立kratik网格出口
调用未定义的方法app\model\User：：instance()
这是我的密码
$exportedValues = [['class' => 'kartik\\grid\\SerialColumn'], ['attribute' => 'deduction_date'], ['attribute' => 'deduction_amount'], ['attribute' => '
浏览 1提问于2019-05-31得票数 0
为什么我的网格视图中的Action列(视图、更新、删除)返回的值 id 增量为零(而不是从数据库返回id)？
我的控制器
public function actionIndex()
{
$jenjang = Yii::$app->request->get('jenjang');
$sql = "SELECT * FROM adikbinaan";
if($jenjang!=0){
$sql = "SELECT * FROM adikbinaan WHERE adikbinaan.jenjang_id
浏览 0提问于2015-06-23得票数 2
回答已采纳
我有这样的网格视图
<?= GridView::widget([
'dataProvider' => $dataProvider,
'columns' => [
['class' => 'yii\grid\SerialColumn'],
'movie.movie_name',
'start_date',
'end_date',
浏览 1提问于2015-07-14得票数 2
回答已采纳
1回答
您能给我一个简单的基本示例，说明如何在yii2网格视图中获取选定的行。我试过了论坛上的所有例子，但都没有用。我收到了以下错误:无法读取未定义的属性“选择列”
这是我的代码：
视图:
<?= GridView::widget([
'dataProvider'=> $dataProvider,
'filterModel' => $searchInstance,
//'containerOptions' => ['class' => 'instance-pjax-co
浏览 2提问于2015-08-03得票数 4
1回答
我正在Yii2中处理一个项目--当用户单击网格视图中的一行时，它应该打开一个名为“签入”的新控制器，并显示为该特定行签入的所有用户。
我宁愿使用actioncolumn和crete的新按钮或使用rowopions
无论如何，当我像这样使用rowoptions时
[
'class' => 'yii\grid\ActionColumn',
'template' => '{index} {view} {update} {delete} ',
浏览 0提问于2015-09-04得票数 2
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
实时音视频
即时通信 IM活动推荐
腾讯云开发者
