Question

我正在尝试使用Dialog Framework在弹出窗口中显示数据表。我的代码基于此处发布的示例：http://www.primefaces.org/showcase/ui/df/data.xhtml

我在backbean中使用这段代码来显示弹出窗口：

    public void chooseImage() {
       String page = "ImageChooser";

       Map<String, Object> properties = new HashMap<String, Object>();
       properties.put("modal", true);
       properties.put("resizable", true);
       properties.put("draggable", true);
       properties.put("width", 400);
       properties.put("height", 400);

       RequestContext.getCurrentInstance().openDialog(page, properties, null);
}

这是我的ImagerChooser.xhtml页面的一部分：

<h:body>
         <h:form> 

                <p:dataTable var="img" value="#{imageManagerController.imageList}" rows="5"   layout="grid" paginator="true"
                    paginatorTemplate="{CurrentPageReport}  {FirstPageLink} {PreviousPageLink} {PageLinks} {NextPageLink} {LastPageLink} {RowsPerPageDropdown}"
                    rowsPerPageTemplate="5,10"  >

                    <p:column field="#{img.name}">
                            <h:outputText value="#{img.name}" />
                    </p:column>
                </p:dataTable>
        </h:form>
    </h:body>
</code>

我遇到的问题是渲染的数据表总是比我的对话框宽（640px）。然后，我需要使用滚动条。如何使这个数据表可调整大小（取决于对话框大小）？是否有任何自动调整功能？

提前感谢！

Answer 1

我通过在打开对话框之前在我的backbean中添加这些属性找到了解决方案。

properties.put("contentWidth", 650);
properties.put("contentheight", 660);

我希望它有所帮助

Primefaces - 对话框内容不适合弹出式面板

1 个答案: