JSF富选择设置组件宽度答案

【问题标题】：JSF rich select setting component widthJSF富选择设置组件宽度
【发布时间】：2012-10-04 08:01:16
【问题描述】：

简单干净... 我可以设置listWidth（用于下拉元素），但我不能设置组件宽度，也可以使用内联样式...

<rich:select                        
 enableManualInput="true"
 clientFilterFunction="customFilter"
 value="#{listaPrestazioni.filterLiv1}"
 style="width: 80px;"> 
      <f:selectItems value="#{listaPrestazioni.liv1List}"/>
      <a4j:ajax event="change" render="tab_dettaglio" execute="@this" />
</rich:select>

我希望我的选择最大宽度为 80 像素。

【问题讨论】：

标签： jsf jsf-2 richfaces width html-select

【解决方案1】：

试试这个

<h:outputStylesheet>
     .MarcxSelectStyle input{
       width: 80px;
     }
</h:outputStylesheet>

<rich:select ... styleClass="MarcxSelectStyle">...</rich:select>

【讨论】：

至少使用 RichFaces 4.5.0A（之前未测试过），这不起作用，您需要使用 .MarcxSelectStyle input.rf-sel-inp 选择器覆盖 RichFaces CSS。此外，如果没有其他更改，width: 100% 将无法工作。

【解决方案2】：

我遇到了这个问题，我的解决方案是使用 ths jsf 标签，这似乎对我有用，无论如何这可能会对某人有所帮助：

<h:selectOneListbox id="myListBox" style="width:100%" size="1">
      <f:selectItems value="#{MyController.bean.items}" />
</h:selectOneListbox>

【讨论】：