Yii中的下拉式样式

iugsix8n 于 2022-11-09 发布在其他

关注(0)|答案(2)|浏览(137)

我正在尝试给我的应用程序主题化。对于活动的下拉列表，从我的CSS中，调用了以下样式，

.inputs {
  width: 635px;
  float: left;
}

.inputs select[id="Model_attribute"]{
  float: left;
  padding: 9px 9px 9px;
  width: 278px;
  margin-left: 20px;
  margin-top: 23px;
  -webkit-border-radius: 7px;
  -moz-border-radius: 7px;
  border-radius: 7px;
  border:none;
}

下面是生成的html

<div class="inputs">
<select name="Model[attribute]" id="Model_attribute">
<option value="">Select an option</option>
<option value="26">Option 1</option>
<option value="28">Option 2/option>
</select>   
</div>

以下是视图文件

<?php echo CHtml::activeDropDownList($model,'attribute', $model->getOptions(),array(
                 'prompt'=>$hname,
                'ajax' => array(
                'type'=>'POST',
                'id'=>'id',
                'url'=>MyController::createUrl('loadOptions'),
                'update'=>'#'.CHtml::activeId($model,'attribute2'),

              'data'=>array('attribute'=>'js:this.value'),
   )
        )); ?>

当我以html文件的形式测试时，样式已经被应用，但是当我以原始形式调用它时，样式没有出现。我用firebug检查了它，但是没有样式显示。请帮助。提前感谢！

yii

来源：https://stackoverflow.com/questions/20627837/dropdown-styling-in-yii

2条答案

按热度按时间

7kjnsjlb1#

在yii中，你可以在activeDropDownList中指定如下内容

array('class'=>'yourCssClass')

然后在样式表中：

.yourCssClass{
   //any styles
}

这个应该够了。
注意：请确保包含正确的样式表。同时尝试清除浏览器缓存/历史记录。
编辑：
完成的下拉小部件将如下所示：

<?php echo CHtml::activeDropDownList($model,'attribute', $model->getOptions(),array(
      'prompt'=>$hname,
      'class'=>'yourCssClass',
      'ajax' => array(
      'type'=>'POST',
      'id'=>'id',
      'url'=>MyController::createUrl('loadOptions'),
      'update'=>'#'.CHtml::activeId($model,'attribute2'),
      'data'=>array('attribute'=>'js:this.value'),
   )
)); ?>

并对所有下拉列表重复相同的操作。如果样式相同，则使用相同的类;如果样式不同，则相应地使用不同的类。
希望这有意义。

赞(0）回复(0）举报 2022-11-09

bzzcjhmw2#

在您的视图中，您正在生成带有'attribute'的dropDown。在这里，Yii将通过连接model和model字段（即'attribute'）为该dropDown生成动态ID。
例如：如果

$model=new Country(); //Country is the lable here

现在ID将生成为

<select id='Country_attribute' .......

         .........

         </select>

因此，为该ID编写Style


# Country_attribute

        {
            //Style
        }

赞(0）回复(0）举报 2022-11-09

我来回答

Yii中的下拉式样式

2条答案

相关问题

热门标签

最新问答