2012-12-18 130 views
3

我想修改Yii框架提供的默認列表視圖。當前視圖顯示一行爲enter image description here。我想要的是以下列格式顯示信息enter image description here。你能建議我如何擴展這個小部件並創建我自己的視圖。我已將所有需要作爲圖像。我是Yii的新手,所以所有的幫助都會非常有價值。如果已經有這種格式的小部件,我會非常高興。Yii框架中的自定義CListView

內容我認爲文件將被

<?php 
/* @var $this LeosafealertController */ 
/* @var $data Leosafealert */ 
?> 

<div class="view"> 
    <b><?php echo CHtml::encode($data->getAttributeLabel('id')); ?>:</b> 
    <?php echo CHtml::link(CHtml::encode($data->id), array('view', 'id'=>$data->id)); ?> 
     <br/> 
    <b><?php echo CHtml::encode($data->getAttributeLabel('date')); ?>:</b> 
    <?php echo CHtml::encode($data->date); ?> 
     <br/> 
    <b><?php echo CHtml::encode($data->getAttributeLabel('description')); ?>:</b> 
    <?php echo CHtml::encode($data->description); ?> 
     <br/> 
    <b><?php echo CHtml::encode($data->getAttributeLabel('photo')); ?>:</b> 
    <?php echo CHtml::image($data->getImageURL().$data->photo,$data->photo); ?> 
     </br> 
     <b><?php echo CHtml::encode($data->getAttributeLabel('link')); ?>:</b> 
    <?php echo CHtml::link(CHtml::encode("click here"), $data->getFileURL().$data->link,array('target'=>'_blank')); ?> 
</div> 
+0

看到這個:http://stackoverflow.com/questions/9831685/yii-modifing-html-generated-by-clistview – GBD

+0

謝謝你,但我們可以通過修改小部件來實現,因爲我可能想要使用它在其他一些地方也是如此。 – Ashish

回答

1

你能不能編輯視圖文件(例如剛剛編輯「/path/to/model/views/_view.php」,或任何你的視圖文件是所謂的)?

您還可以通過定義cssFile屬性來爲CLitView聲明自己的css文件。即;

$this->widget('zii.widgets.CListView', array(
    'dataProvider'=>$dataProvider, 
    'itemView'=>'_view', 
    'cssFile'=>'/css/myCssFile.css', 
    ... 
)); 

你可以創建自己的CSS文件爲您的佈局和使用,對於每一個CListView中要與給定的佈局?

+0

非常感謝@Stu,我的問題是我沒有太多的CSS經驗,可以向我推薦該CSS的示例代碼。 – Ashish

+0

您可以將視圖文件的內容添加到您的問題中嗎?由於所需的CSS會根據你的視圖文件的佈局而大不相同;) – Stu

+0

我已經添加了內容。謝謝 – Ashish