добавить свой собственный класс тэгу a в заголовке таблице в gridview

Общие вопросы по использованию второй версии фреймворка. Если не знаете как что-то сделать и это про Yii 2, вам сюда.
Ответить
domowdenis
Сообщения: 35
Зарегистрирован: 2018.12.24, 17:29

добавить свой собственный класс тэгу a в заголовке таблице в gridview

Сообщение domowdenis »

Добрый день. Не могу понять - как я могу добавить свой собственный класс тэгу a в заголовке таблице в gridview
Вот я получаю такой вот html
<th class="content-thead__tr"><a class="asc" href="/analytic/aleto?sort=-category" data-sort="-category">Подкатегория</a></th>

вот код

Код: Выделить всё

<?= 
GridView::widget([
	'dataProvider' => $dataProvider,
	'filterModel' => $searchModel,
	'options' => [
		'class' => 'content-data',
	],
	'tableOptions' => [
		'class' => 'content-table',
	],
	'headerRowOptions' => [
		'class' => 'content-thead__tr',
	],
	'rowOptions' => [
		'class' => 'content-tbody__tr',
	],
	'layout'=> '{summary}' . '<br>' . '{items}' . '<br>' . '{pager}',
	'columns' => [
		[
			'class' => 'yii\grid\SerialColumn',
			'headerOptions' => ['class' => 'content-thead__tr'],
			'contentOptions' => ['class' => 'content-tbody__tr'],
		],
												   [
			'attribute'=>'category',
			'label'=> Yii::t('app', 'Подкатегория'),
			'format'=>'text',
			'filter' => $categoryList,
			'headerOptions' => ['class' => 'content-thead__tr'],
			'contentOptions' => ['class' => 'content-tbody__tr'],
			'content'=>function($product){
				return $product->productCategory->name;
			},
		],
	]
],
]); 
?>

Это возможно?


Так же есть вопрос - как можно добавить класс в input в секции filter?
Я имею ввиду - эту секцию
<tr id="w0-filters" class="filters">
<td>
<input type="text" class="form-control" name="ProductSearch[category]">
</td>
</tr>

Хочу получить так
<tr id="w0-filters" class="filters">
<td>
<input type="text" class="myclass form-control" name="ProductSearch[category]">
</td>
</tr>
rak
Сообщения: 2181
Зарегистрирован: 2010.11.02, 23:40
Контактная информация:

Re: добавить свой собственный класс тэгу a в заголовке таблице в gridview

Сообщение rak »

1. sortLinkOptions
2. filterInputOptions

Код: Выделить всё

		[
			'attribute'=>'category',
			'sortLinkOptions' => ['class' => 'content-thead__tr'],
			'filterInputOptions' => ['class' => 'myclass form-control'],
		],
domowdenis
Сообщения: 35
Зарегистрирован: 2018.12.24, 17:29

Re: добавить свой собственный класс тэгу a в заголовке таблице в gridview

Сообщение domowdenis »

спасибо огромное.
Подскажи, пжл, где такую инфу искать. Я доку перерыл, по гуглу лазил - нифига найти не смог.
domowdenis
Сообщения: 35
Зарегистрирован: 2018.12.24, 17:29

Re: добавить свой собственный класс тэгу a в заголовке таблице в gridview

Сообщение domowdenis »

И может подскажешь, как задать классы тэгам thead и tbody в этой таблице?
И на фильтрах в tr и td?
Буду очень, очень признателен
domowdenis
Сообщения: 35
Зарегистрирован: 2018.12.24, 17:29

Re: добавить свой собственный класс тэгу a в заголовке таблице в gridview

Сообщение domowdenis »

rak писал(а): 2021.03.18, 19:36 1. sortLinkOptions
2. filterInputOptions

Код: Выделить всё

		[
			'attribute'=>'category',
			'sortLinkOptions' => ['class' => 'content-thead__tr'],
			'filterInputOptions' => ['class' => 'myclass form-control'],
		],

И в pagination бы залезть )))

Код: Выделить всё

<ul class="pagination"><li class="prev disabled"><span>«</span></li>
<li class="active"><a href="/analytic/aleto?page=1&amp;per-page=50" data-page="0">1</a></li>
<li><a href="/analytic/aleto?page=2&amp;per-page=50" data-page="1">2</a></li>
<li><a href="/analytic/aleto?page=3&amp;per-page=50" data-page="2">3</a></li>
<li><a href="/analytic/aleto?page=4&amp;per-page=50" data-page="3">4</a></li>
<li><a href="/analytic/aleto?page=5&amp;per-page=50" data-page="4">5</a></li>
<li><a href="/analytic/aleto?page=6&amp;per-page=50" data-page="5">6</a></li>
<li><a href="/analytic/aleto?page=7&amp;per-page=50" data-page="6">7</a></li>
<li><a href="/analytic/aleto?page=8&amp;per-page=50" data-page="7">8</a></li>
<li><a href="/analytic/aleto?page=9&amp;per-page=50" data-page="8">9</a></li>
<li><a href="/analytic/aleto?page=10&amp;per-page=50" data-page="9">10</a></li>
<li class="next"><a href="/analytic/aleto?page=2&amp;per-page=50" data-page="1">»</a></li></ul>
rak
Сообщения: 2181
Зарегистрирован: 2010.11.02, 23:40
Контактная информация:

Re: добавить свой собственный класс тэгу a в заголовке таблице в gridview

Сообщение rak »

https://www.yiiframework.com/doc/api/2. ... datacolumn - настройки для столбца
https://www.yiiframework.com/doc/api/2. ... d-gridview - настройки для всего грида
а лучше всего залезть в код и посмотреть что и как работает :!:

А вообще, вместо того, чтобы менять столько настроек - может проще верстку поменять?
domowdenis
Сообщения: 35
Зарегистрирован: 2018.12.24, 17:29

Re: добавить свой собственный класс тэгу a в заголовке таблице в gridview

Сообщение domowdenis »

наверно.
Но коли уже начали этот БЭМ внедрять и весь код на нем, а гриды оставлять на иерхаических селекторах как-то некомильфо.
Но может это мои тараканы.

В любом случае - огромное спасибо за помощь
Ответить