使弹出窗口的大小足够大以包含其元素答案

【问题标题】：Make size of the popup large enough to contain its element使弹出窗口的大小足够大以包含其元素
【发布时间】：2015-04-04 11:50:26
【问题描述】：

我在RichFAces 4.5.2.Final, JSF 2.1。我需要使 popupPanel 自动调整为嵌入 textAreas 的任何变化。让我们考虑以下标记：

<rich:popupPanel id="editMailingTemplatePopup"  autosized="true">
    <h:inputTextarea value="#{editMailingTemplateController.template.name}" maxlength="128" size="80" />
</rich:popupPanel>

当我尝试更改textArea 的大小时，尽管将autosized 属性设置为true，但popupPanel 的大小并未更改。这是JSF/RichFaces 上下文中可解决的问题还是我应该编写javascript 代码？

【问题讨论】：

您没有使用<h:inputTextarea>。你提到了<h:inputText>。
@Tiny 对不起。只是一个错字。
您可以根据文本区域大小（例如通过 javascript）更改弹出窗口的大小，或者您可以选择相反的方式 - 防止更改文本区域的大小：<h:inputTextarea value="#{form.text}" label="#{msg.notes}" rows="10" cols="50" style="resize:none;"> <f:validateLength maximum="4000" /> </h:inputTextarea>
你是如何改变尺寸的？ popupPanel 会监听某些事件来调整自己的大小，但如果这些事件没有触发它就不会做任何事情。

标签： jsf jsf-2 richfaces

【解决方案1】：

以下对我有用：

添加css如下：

.rf-pp-cnt-scrlr{
    width: auto !important;
    height: auto !important;
} 
.rf-pp-cntr{
 width: auto !important;
 height: auto !important;
}

【讨论】：

我认为重写内置的富面孔类不是一个好主意。也许我只是不明白一些东西......
嘿，用户，实现内置类以满足您的需要正是它们的本意……因此名称为 cascading 样式表；您不会覆盖任何内容，只需将样式添加到链中...每当使用属性时，最接近实际元素的定义就会获胜。所以这样做不是坏习惯。