Java Primefaces responsive<；p:panelGrid>；不使用5列_Java_Jsf_Primefaces_Jsf 2_Responsive

Java Primefaces responsive<；p:panelGrid>；不使用5列

java jsf primefaces jsf-2

Java Primefaces responsive<；p:panelGrid>；不使用5列,java,jsf,primefaces,jsf-2,responsive,Java,Jsf,Primefaces,Jsf 2,Responsive,让我们用2、3、4、5和6列创建一些简单的响应素数faces（仅作为示例）。。。 ... 可能我遗漏了什么……但不知何故，特定的5列panelGrid的响应不正常以下是一个屏幕截图：查看html，似乎primefaces没有添加UIGrid col类（而是添加null）有什么想法吗？也许是一只虫子或者我错过了什么感谢您的帮助。基本Primefaces网格CSS（）由12列组成，可以组合在一起： 2列布局->12/2-->6+6（=12） 3列布局->12/3-->4+4+4（=1

让我们用2、3、4、5和6列创建一些简单的响应素数faces

（仅作为示例）

。。。
...

可能我遗漏了什么……但不知何故，特定的5列

panelGrid

的响应不正常

以下是一个屏幕截图：

查看html，似乎primefaces没有添加

UIGrid col

类（而是添加

null

）

有什么想法吗？也许是一只虫子或者我错过了什么

感谢您的帮助。

基本Primefaces网格CSS（）由12列组成，可以组合在一起：

2列布局->12/2-->6+6（=12）

3列布局->12/3-->4+4+4（=12）

4列布局->12/4-->3+3+3+3（=12）

5列布局->12/5=2.4（无整数值！）

因此Primefaces无法渲染5列布局。但奇怪的是，它呈现的是

null

值而不是空字符串

查看

org.primefaces.component.panelgrid.GridLayoutUtils

类，您可以看到允许的值：

private static final Map<Integer, String> COLUMN_MAP = new HashMap();

private GridLayoutUtils() {
}

public static String getColumnClass(int columns) {
    return (String)COLUMN_MAP.get(Integer.valueOf(columns));
}

static {
    COLUMN_MAP.put(Integer.valueOf(1), "ui-grid-col-12");
    COLUMN_MAP.put(Integer.valueOf(2), "ui-grid-col-6");
    COLUMN_MAP.put(Integer.valueOf(3), "ui-grid-col-4");
    COLUMN_MAP.put(Integer.valueOf(4), "ui-grid-col-3");
    COLUMN_MAP.put(Integer.valueOf(6), "ui-grid-col-2");
    COLUMN_MAP.put(Integer.valueOf(12), "ui-grid-col-1");
}

private static final Map COLUMN_Map=new HashMap（）；
私有GridLayoutUtils（）{
}
公共静态字符串getColumnClass（int列）{
return（String）COLUMN_MAP.get（Integer.valueOf（columns））；
}
静止的{
列映射put（整型值of（1），“ui-grid-col-12”）；
列映射put（整型值of（2），“ui-grid-col-6”）；
列映射put（整型值of（3），“ui-grid-col-4”）；
列映射put（整型值of（4），“ui-grid-col-3”）；
列映射put（整型值of（6），“ui-grid-col-2”）；
列映射put（整型值of（12），“ui-grid-col-1”）；
}

因此，您可以使用以下值：1、2、3、4、6、12