cdetailview и cgridview настраивают стиль css в yii

Я использую оба cwidgets, то есть cdetailview и cgridview. Я отобразил их с помощью метода renderPartial.

Дело в том, что мне нужно изменить свой css на него для украшения. Я хорошо разбираюсь в стилях css, но к этим виджетам, как мне применить его в yii? это большой вопрос для меня, я просмотрел все страницы форума, но моя потребность не удовлетворена.

следующий код

представление

 <?php $this->widget('zii.widgets.CDetailView', array(
 'data' => array(),
  //to avoid error
 'attributes' => $res,
 'cssFile'=>Yii::app()->request->baseUrl.'/css/mecss.css',));
?>

cssFile не работает, скопировал код подробного просмотра активов и применил мой css, но без изменений

контроллерb

$this->renderPartial('viewB',array('res'=>$res));

просмотр

  <?php
   $this->widget('zii.widgets.grid.CGridView', array(
   'dataProvider'=>$dataProvider,
  'ajaxUpdate'=>true,
 'columns'=>array(
 array('name'=>' Name','value'=>'$data["name"]'),
 array('name'=>' status','value'=>'$data["status"]'),
 ),
 ));
 ?>

контроллерc

$this->renderPartial('viewc',array(
        'dataProvider'=>$dataProvider,
        ));

это то, что я ищу

Cdetailview с использованием ajax с настройкой css

все атрибуты взяты из одной и той же записи таблицы, которую я предоставил как $res для подробного просмотра, но тогда мне нужны детали, учетные данные и сведения об истечении срока действия в качестве заголовков для соответствующих атрибутов. Возможно ли это? если да, пожалуйста, укажите еще, что еще я могу сделать, чтобы достичь этого, пожалуйста, дайте мне знать.

я показываю его в представлении modelA и modelD соответственно, используя ajax

к каждому я хочу применить свой стиль css, но тогда я не знаю, как мне начать

я знаю, что это атрибут cssFile, который я пытаюсь использовать, может ли кто-нибудь помочь ему или каким-либо хорошим способом.

Пожалуйста, дайте мне знать, как мне этого достичь


css yii cgridview cdetailview
person Tested    schedule 08.03.2014    source источник
comment
какой тип css вы хотите применить? я имею в виду, вы хотите изменить стиль заголовка? Хотите изменить стиль ячейки? Вы хотите изменить цвет текста в ячейках?   -  person Rafay Zia Mir    schedule 08.03.2014
comment
извините за задержку с ответами hv, обновите мой вопрос, указав, что мне нужно n dts d style, я хочу подать заявку, пожалуйста, дайте мне знать, можно ли это сделать?   -  person Tested    schedule 08.03.2014
comment
пожалуйста, посмотрите ответ, если это поможет   -  person Rafay Zia Mir    schedule 08.03.2014

Ответы (3)


arrow_upward
1
arrow_downward

Да, вы можете применить свой собственный Css. Для этого используются некоторые атрибуты, например

cssFile
filterCssClass
itemsCssClass
loadingCssClass
pagerCssClass
rowCssClass
rowCssClassExpression
summaryCssClass

И да, вот демонстрация с пользовательскими свойствами Css.
http://www.yiiplayground.com/index.php?r=UiModule/dataview/gridStyle

person Rafay Zia Mir    schedule 08.03.2014

arrow_upward
0
arrow_downward

вы можете установить все виды классов для вашего CGridView:

класс для вашей строки

класс для строки фильтра

rowCssClassExpression

выражение PHP, которое оценивается для каждой строки тела таблицы и результат которого используется в качестве имени класса CSS для строки.

person Developerium    schedule 08.03.2014
comment
извините за задержку с ответами hv, обновите мой вопрос, указав, что мне нужно n dts d style, я хочу подать заявку, пожалуйста, дайте мне знать, можно ли это сделать? - person Tested; 08.03.2014
comment
есть ли у них какая-либо демонстрация для вашего abv, предоставленная ссылка, которую я прочитал, но тогда я не знаю, как мне ее реализовать - person Tested; 08.03.2014

arrow_upward
0
arrow_downward

Следующий код применит класс CSS из фреймворка Bootstrap 3 к подробному представлению:

<?php 
 $this->widget('zii.widgets.CDetailView', array(
 'data' => array(),
 'htmlOptions' => array('class' => 'table table-striped table-bordered table-hovered table-condensed'),
  //to avoid error
 'attributes' => $res,
 'cssFile'=>Yii::app()->request->baseUrl.'/css/mecss.css',));
?>

По сути, вы можете использовать свойство htmlOptions для применения любого стиля или HTML-атрибута, который вы хотите (что угодно, на основе имени тега).

person Bud Damyanov    schedule 20.08.2019