小编Kuk*_*tje的帖子

在h:datatable中对齐h:outputText

我有一个<h:outputText value="#{xx.nameame}" />在下面给出

<p:dataTable>
  <p:column width="200"  >
    <f:facet name="header"    >
      <h:outputText value="Header1" />
    </f:facet>
    <h:panelGroup rendered="#{xx.addFlag == false}">
      <h:outputText value="#{xx.nameame}" />
    </h:panelGroup>
  </p:column>
</p:dataTable>

Run Code Online (Sandbox Code Playgroud)

我想<h:outputText value="#{xx.nameame}" />在单元格示例的左侧对齐此字段的值:text-align:left

但问题是JSF本身,将列视为div标签,默认情况下分配css,即:

.ui-dt-c {
     white-space: normal;
     text-align: center;
}

Run Code Online (Sandbox Code Playgroud)

由于上述原因,文本对齐中心.如果我将上述内容更改为text-align: to left,则所有数据表也将在其他屏幕中更改.
因此,我想将更改仅应用于上述数据表而不是其他数据表.

我怎样才能实现它？

css jsf primefaces

tec*_*360

2018 09-12

3
推荐指数

1
解决办法

4万
查看次数

PrimeFaces Grid CSS没有应用,因为找不到css类？

我试图让PrimeFaces Grid CSS工作,但它不起作用.我按照PrimeFaces页面上的示例进行操作,但是当我通过浏览器运行它时,所有DIV条目都显示在垂直列表中.错误在哪里？我有以下XHTML:

<!DOCTYPE html>
<html   xmlns="http://www.w3c.org/1999/xhtml"
        xmlns:h="http://java.sun.com/jsf/html"
        xmlns:p="http://primefaces.org/ui"
        xmlns:f="http://xmlns.jcp.org/jsf/core">
    <h:head/>
    <h:body>
        <div class="ui-grid">
            <div class="ui-grid-row">
                <div class="ui-grid-col-4">Col1</div>
                <div class="ui-grid-col-4">Col2</div>
                <div class="ui-grid-col-4">Col2</div>
            </div>
        </div>

        <div class="ui-grid">
            <div class="ui-grid-row">
                <div class="ui-grid-col-4">4</div>
                <div class="ui-grid-col-8">8</div>
            </div>
        </div>

        <div class="ui-grid">
            <div class="ui-grid-row">
                <div class="ui-grid-col-4">4</div>
                <div class="ui-grid-col-4">4</div>
                <div class="ui-grid-col-4">4</div>
            </div>
            <div class="ui-grid-row">
                <div class="ui-grid-col-4">4</div>
                <div class="ui-grid-col-4">4</div>
                <div class="ui-grid-col-4">4</div>
            </div>
            <div class="ui-grid-row">
                <div class="ui-grid-col-4">4</div>
                <div class="ui-grid-col-4">4</div>
                <div class="ui-grid-col-4">4</div>
            </div>
        </div>

        <div class="ui-grid ui-grid-responsive">
            <div class="ui-grid-row">
                <div class="ui-grid-col-4">4</div>
                <div class="ui-grid-col-8">8</div>
            </div>
        </div>

        <div class="ui-grid ui-grid-fixed">
            <div class="ui-grid-row"> …

Run Code Online (Sandbox Code Playgroud)

css jsf primefaces jsf-2

Soc*_*tes

2016 09-19

3
推荐指数

2
解决办法

1万
查看次数

如何在primefaces 5.2中使用折线图扩展器属性

我正在使用primefaces 5.2最新版本并尝试使用折线图,它的工作正常.

我试图更改折线图轴颜色,背景,边框...等但扩展器属性在最新的primefaces版本中不起作用.

我的XHTML:

 <p:chart type="line" model="#{chartViewLine.lineModel1}" styleClass="legendpos" extender="chartExtender" style="height:300px; width:570px;"/>

Run Code Online (Sandbox Code Playgroud)

JAVASCRIPT:

function chartExtender() {        
    this.cfg.grid = {             
    background: 'transparent',
    gridLineColor: '#303030',
    drawBorder: false,
};

Run Code Online (Sandbox Code Playgroud)

__CODE__

是'extender'属性的替代方案还是我的代码有任何错误的语法？

javascript xhtml jsf jqplot primefaces

use*_*967

2019 06-18

3
推荐指数

1
解决办法

7399
查看次数

如何使用javascript(没有JQuery)进行日期屏蔽？

<![CDATA[
    var $ = jQuery;
    String locale = getUserLocale();
    $(document).ready(function() {

        if (!isEmptyNull(locale) && locale.equals("zh_CN")) {
            $("input[id*='text12']").mask('9999?99?99?');
        }
        else {
            $("input[id*='text12']").mask('99/99/9999');
        }
    });
]]>

<p:calendar id="text12" styleClass="calendar" maxlength="10" pattern="#
{pc_Test.dateDisplayFormat}"></p:calendar>

Run Code Online (Sandbox Code Playgroud)

如果语言环境等于'zh_CN',屏蔽将是'9999?99?99?'.否则,它会'99/99/9999'.
当我删除if else命令时,它可以工作.但是如果我把if else命令放在里面,它就行不通了.

我该如何解决？

html javascript locale masking

bin*_*bin

2018 04-13

3
推荐指数

1
解决办法

3万
查看次数

如何从资源文件夹引用p：graphicImage中的img

我在以下路径中有一张图片：

resources
\_____img
 \_______sites
  \_______reddit.png

Run Code Online (Sandbox Code Playgroud)

我使用以下命令行来引用它：

<p:graphicImage library="img" name="/sites/reddit.png"/>

Run Code Online (Sandbox Code Playgroud)

但在开发控制台中却说：

GET http://localhost:8080/RES_NOT_FOUND 404 ()

Run Code Online (Sandbox Code Playgroud)

并且不会渲染图像。

怎么了？

jsf primefaces graphicimage

Ton*_*ero

2016 11-24

3
推荐指数

1
解决办法

2963
查看次数

PrimeFaces 6.2 commandButton标题在禁用commandbutton时不起作用

环境：JSF 2.2.14，PrimeFaces 6.2

我将命令按钮设置如下，当禁用按钮时，标题将在PF6.1中显示（悬停时），但不会在PF6.2中显示

<p:commandButton id="removeCmd" icon="fa fa-times" 
             actionListener="#{controller.remove()}" 
             update="@form"
             disabled="#{ontroller.isCommandDisabled()}"                                                          
             style="width: 20px; height:20px;margin-left: 5px;"
             title="#{controller.isCommandDisabled() ? 'Command disabled due to user privilege' : 'remove selected item'}"
             onstart="PF('bui').show(); PF('bar').show();" 
             oncomplete="PF('bui').hide(); PF('bar').hide();"
             styleClass="removeCmd"/>

Run Code Online (Sandbox Code Playgroud)

未禁用按钮时标题显示良好。

有人遇到同样的问题吗？我还尝试将我的p：commandButton包装在h：panelGrid内，并使用p：tooltip，两者都不起作用。

更新：在github上创建的问题：https : //github.com/primefaces/primefaces/issues/3656

jsf primefaces

wol*_*084

2018 05-12

3
推荐指数

1
解决办法

768
查看次数

我有<f:attribute name="someInt" value="#{1}"/>从faces中的组件中检索到的Converter。我发现该表达式的"#{1}"计算结果为Long而不是Integer（希望有类似#{1}for int和#{1L}for的东西，long但这种方式行不通）。可以通过一个Integer不使用emp的bean，例如#{bean.castToInt(1)}？我是否必须简单地使用Long整数？

jsf el

mat*_*oni

2019 06-18

3
推荐指数

1
解决办法

65
查看次数

验证失败后重新评估所需的表达式

我有一个包含一些必填字段的表单，具体取决于 a selectOneMenu，如下所示：

<p:selectOneMenu id="myList" value="#{myBean.selectedItem}">
    <p:selectItems value="#{myBean.myItems}" />
    <p:ajax listener="#{myBean.myList_change}"
            process="myList field1 field2 field3"
            update="field1 field2 field3" />
</p:selectOneMenu>

<p:inputNumber id="field1" required="true" />
<p:inputNumber id="field2" required="#{myBean.selectedItem gt 1}" />
<p:inputNumber id="field3" required="#{myBean.selectedItem gt 2}" />

Run Code Online (Sandbox Code Playgroud)

我第一次按下提交按钮时，没有填写必填字段：

<p:commandButton id="mySubmit" action="#{myBean.myAction}" />

Run Code Online (Sandbox Code Playgroud)

我收到验证错误，然后如果我更改selectOneMenu值，将不再评估所需的表达式。

例如，如果我提交表单时selectedItem equals to 3出现所有验证错误，那么我提交表单时selectedItem equals to 1，primefaces 仍然要求所有三个字段都为必填字段。

我尝试向按钮添加一个 resetInput：

<p:resetInput target=":myForm" />

Run Code Online (Sandbox Code Playgroud)

而不是immediate="true"到了selectOneMenu，没有任何成功。

有什么想法吗？

注意：PrimeFaces 版本为 6.2

PS：在图片中，只需要第一个字段，但应该需要所有元素。

遵循完整的最小可重现示例：

xhtml 文件 (test.xhtml)：

<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE …

Run Code Online (Sandbox Code Playgroud)

primefaces

Ale*_*dro

2019 07-10

3
推荐指数

1
解决办法

121
查看次数

重置主要面中的输入字段

我有一个Dialog输入详细信息.第一次,InputText为空.但是从第二个输入,InputText保持以前的值.

这是我的代码:

     <p:commandButton id="showDialogButton1" type="button" value="add" onclick="dlg1.show()" update="firstname1"/>
     <p:dialog id="dialogAjout" header="add department" widgetVar="dlg1" resizable="false">  
          <h:panelGrid columns="2" style="margin-bottom:10px">  
                <h:outputLabel for="firstname1" value="Libellé :" />  
                <p:inputText id="firstname1" value="#{departementBean.departement.libelleDepartement}" />
          </h:panelGrid>  
          <p:commandButton id="submitButton1" value="Valider" oncomplete="dlg1.hide();" action="#{departementBean.addDept()}" update="tabView"/> 
     </p:dialog>

Run Code Online (Sandbox Code Playgroud)

请问我怎么解决这个问题!

primefaces

Lin*_*e55

2016 12-13

2
推荐指数

3
解决办法

3万
查看次数

树的每个节点上的不同上下文菜单

在我的JSF项目中,我想根据某些条件在树的每个节点上显示不同的上下文菜单(准确地说是一些权限)

根据我的xhtml呈现,我已经与树绑定了上下文菜单,所以我在树的每个节点上获得相同的菜单.这是代码:

<p:contextMenu for="TreeID">
    <p:menuitem value="Create" update=":centerPanel" actionListener="#{someBean.createPrivilege}" onstart="statusDialog.show();"
        oncomplete="statusDialog.hide();" />
    <p:menuitem value="Edit" update=":commonDialog :centerPanel" actionListener="#{someBean.editPrivilege}"
        onstart="statusDialog.show();" oncomplete="statusDialog.hide();" />
    <p:menuitem value="Delete" onstart="delPrivilegeConfirmDialog.show();" />
</p:contextMenu>
<p:scrollPanel mode="native" styleClass="scroll-panel">
    <p:tree id="TreeID" value="root" var="node" selectionMode="single"
        selection="#{someBean.selectedNode}" dynamic="true">
        <p:ajax listener="#{someBean.onNodeSelect}" update=":centerPanel" event="select" onstart="statusDialog.show();"
            oncomplete="statusDialog.hide();" />
        <p:treeNode id="someID">
            <h:outputText value="#{node}" id="lblNode" />
        </p:treeNode>
    </p:tree>
</p:scrollPanel>

Run Code Online (Sandbox Code Playgroud)

但根据我的要求,我想在每个节点上使用不同的上下文菜单,基本上我在上下文菜单中有3个选项,如Create,Edit,Delete ..然后我需要根据特定条件在每个节点上隐藏1或2个选项.

我该怎么办？

提前致谢.

treeview jsf primefaces

DHR*_*SAL

2016 08-10

2
推荐指数

1
解决办法

3510
查看次数