cdetailview和cgridview在yii中自定义css样式

Question

我正在使用两个cwidgets，即cdetailview和cgridview我使用renderPartial方法显示它。

事情是我需要改变我的css以进行美化。我非常精通css样式但是对于这些小部件，我如何在yii中应用它？这对我来说是个大问题，我确实浏览了所有论坛页面，但我的需求并不满足。

以下是代码

viewb

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

cssFile不能正常复制粘贴资产detailview代码并应用我的css但没有变化

controllerb

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

viewc

  <?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"]'),
 ),
 ));
 ?>

controllerc

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

这是我正在寻找的视图

所有属性都来自同一个表的记录，我已将其作为$ res提供给detailview，但后来我需要deatils，凭证详细信息和expirarydetails作为各个属性的标题。这可能吗？如果是，请指导其他我还能做什么来实现它，请告诉我。

分别使用ajax

在modelA和modelD视图中显示它

每个我想申请我的CSS风格，但后来我不知道如何开始

我确实知道他们的属性cssFile我可以尝试使用它可以任何人指导它或任何好方法。

请指导让我知道如何实现它

Answer 1

是的，您可以应用自定义Css。有些属性用于此

cssFile
filterCssClass
itemsCssClass
loadingCssClass
pagerCssClass
rowCssClass
rowCssClassExpression
summaryCssClass

是的，这是带有自定义Css属性的演示 http://www.yiiplayground.com/index.php?r=UiModule/dataview/gridStyle

Answer 2

您可以为CGridView设置各种类：

class for your row

class for filter row

rowCssClassExpression

  

为每个表主体行计算的PHP表达式   result用作行的CSS类名。

Answer 3

以下代码将把Bootstrap 3框架中的CSS类应用于详细视图：

<?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属性（所有内容，based on tag name）。