个人中心
文章发布
退出
作者热门文章
- android - RelativeLayout 背景可绘制重叠内容
- android - 如何链接 cpufeatures lib 以获取 native android 库？
- java - OnItemClickListener 不起作用，但 OnLongItemClickListener 在自定义 ListView 中起作用
- java - Android 文件转字符串
28
4
以前使用的是<table> JSF 中的标签形式。我注意到最好使用 panelGrid标记而不是它，因为它更易于使用且更简单。
之前，我使用了一个额外的 <td>对于 <h:message >标记并将其宽度赋予 300以防止出现消息时表单向左移动。
现在，我正在使用 width <h:panelGrid> 的属性标签，但这不是我想要的效果。
当出现任何错误消息时，整个表单向左移动，然后消息出现在每个 input text 的前面.
我用了width message 的属性标签，但效果不佳。
我是否必须返回使用 <table>而不是 <h:panedGrid> ？
<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
xmlns:h="http://xmlns.jcp.org/jsf/html"
xmlns:f="http://xmlns.jcp.org/jsf/core">
<h:head>
<title>Facelet gg</title>
</h:head>
<h:body>
<center>
<h:form>
<h:panelGrid columns="3" width="400">
<h:outputLabel value="Username:"/>
<h:inputText id="username" value="#{loginBean.username}" required="true">
<f:validateLength maximum="30" minimum="3"/>
</h:inputText>
<h:message for="username" />
<h:commandButton value="submit" action="home"/>
</h:panelGrid>
</h:form>
</center>
</h:body>
</html>
最佳答案
这是正常行为，因为 h:panelGrid 的 width 属性是针对整个表而不是针对特定列的，您可以检查它的 java docs .
但是，您可以通过使用属性 columnClasses 为列定义 CSS 类来为每一列指定一个 width:
Comma-delimited list of CSS style classes that will be applied to the columns of this table. A space separated list of classes may also be specified for any individual column. If the number of elements in this list is less than the number of actual column children of the UIData, no "class" attribute is output for each column greater than the number of elements in the list. If the number of elements in the list is greater than the number of actual column children of the UIData, the elements at the posisiton in the list after the last column are ignored.
因此，在您的示例中，假设您的 css 库中有一个 style.css 文件，您可以向其中添加如下内容:
.firstColumn {
width: 100px;
}
.secondColumn {
width: 100px;
}
.thirdColumn {
width: 300px;
}
在包含您的 css 文件后使用:
<h:outputStylesheet library="css" name="styles.css"/>
您可以在您的 h:panelGrid 中使用它，如下所示:
<h:panelGrid columns="3" columnClasses="firstColumn,secondColumn,thirdColumn ">
<h:outputLabel value="Username:"/>
<h:inputText id="username" value="#{loginBean.username}" required="true">
<f:validateLength maximum="30" minimum="3"/>
</h:inputText>
<h:message for="username" />
<h:commandButton value="submit" action="home"/>
</h:panelGrid>
关于html - 指定列宽为h :panelGrid，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/28647835/
28
4
0
我有一个外层 并且我将它用于布局(我知道关于元素 但无法获得与 相同的结果)。这里面我有各种元素 , 另一个 等等…… 我需要删除外部 中的边框但我所做的一切也会影响内部元素的边界。我试过 nt
大家好，我正在寻找方法来创建像这张图片这样的页面 没有横幅(只有后面的部分)我已经测试了所有关于样式 vertical align 、 top 和类似东西的问题，但没有一个对我有用，所以如果有人有任何
如何覆盖特定的 在我的样式表中？ 根据这个:How to hide time-slots ... 我试过: #frm_dash\3Adisplay td.ui-panelgrid { padd
这是我的页面结构: 我想覆盖 ui-panelgri
我有一个 有两个我有两个 .我想隐藏 之一取决于 已选中。 //More stuff here... //More stuff here... 在此
如何在不刷新整个页面的情况下在数据库中更新数据时刷新 JSF panelgrid。有什么可以配置的吗？或者我应该创建一个 backbean 函数？谁能举例指导我？ 提前致谢 最佳答案 最好的方法是使用
以前使用的是 JSF 中的标签形式。我注意到最好使用 panelGrid标记而不是它，因为它更易于使用且更简单。 之前，我使用了一个额外的 对于 标记并将其宽度赋予 300以防止出现消息时表单向左移动
我有一个包含 2 列的面板网格，第一列包含一个标签，第二列包含一个组件。 监听器 backingBean.onFunktionChange 将 backingBean.functionGraduand
我正在尝试在对话框中设置panelgrid。除了colspan以外，其他所有功能似乎都可以正常工作。我检查了这个帖子PrimeFaces panelGrid，但它已经一年半了。从primefaces手
如何将 panelGrid 组件创建的列中的内容与 top 对齐? 我试了没有成功，下面的代码 但是由此创建的 2 列仍然保持垂直居中
我对 JSF 和 Primefaces 比较陌生，我想制作一个包含 Primefaces GridPanel 的复合组件:
我有一个带有 ajax 事件的复选框，在更改值时，该复选框将更改我的 bean 中的一个 boolean 值。此 ajax 事件还应呈现具有属性 rendered="#{!*the bean's bo
我有一张包含 3 列的表格。第三列用于验证消息，默认情况下为空。
我在 PrimeFaces 中的面板网格一直是白色背景，但我找不到必须更改的内容，因为我尝试使用 styleClass，修改 ui-panelgrid 的 CSS 代码 类，在 p:panelGrid
我是 CSS 新手，在布局方面遇到问题。 我有 4 个按钮水平放置，除非它是移动的，在这种情况下它们应该垂直堆叠。 我目前有:
在浏览 ExtJS 文档时，我在名称中迷失了方向，找不到我需要的组件。我想显示这样的对象的属性: Name: name Address: address 对于 JSF，我将使用带有 outputTex
JSF/CSS/特立尼达 注意 - 这三个是 IBM ILog 交付的一部分，不能更改 JSF 1.2-1.2_07-b03-FCS JSTL 1_1-mr2(特殊构建) 特立尼达 1.2.8 Jav
我有一个 有两列，我想左对齐第一列，右对齐第二列。我试过给第一列中的所有元素一个类，然后左对齐所有元素。但是，我的元素是 outputText 元素，这不起作用(我将类分配给表内的跨度而不是 )。如
我想在我输入字段的左侧站点上连续设置所有按钮的样式: 但是，目前它看起来像那样，因为我使用 styleClass="grid":
我正在尝试将虚线边框应用于 PF 5.0 如下。
我是一名优秀的程序员,十分优秀！