gpt4 book ai didi

jsf-2 - PrimeFaces 颜色选择器弹出窗口未显示在正确的位置

转载 作者:行者123 更新时间:2023-12-04 04:52:51 24 4
gpt4 key购买 nike

我正在使用 PrimeFaces 的颜色选择器(弹出版本)。但是,当我单击图标以调出颜色选择器时,它显示在我所有其他内容的下方(在提交按钮下方,而不是像它应该做的那样位于图标下方)。我试过删除我的 css 并移动所有内容无济于事。颜色选择器在 <h:form> 中, <div> , 和 <h:panelGrid> .

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" 
"http://www.w3.org/TR/html4/loose.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
xmlns:f="http://java.sun.com/jsf/core"
xmlns:h="http://java.sun.com/jsf/html"
xmlns:p="http://primefaces.org/ui">
<h:head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1" />
<meta http-equiv="Cache-Control" content="no-cache, no-store, must-revalidate" />
<meta http-equiv="Pragma" content="no-cache" />
<meta http-equiv="Expires" content="0" />
<title>Index</title>
<h:outputStylesheet name="css/styles.css" />
</h:head>
<h:body>
<div class="title"> <h1> Testing </h1> </div>
<br />

<h:form>
<div class="forms">
<h:messages />
<h:panelGrid columns="2" columnClasses="column1Class column2Class" cellpadding="10">
<h:outputText value="Test1 " />
<h:inputText value="#{userConfig.test1}" />

<h:outputText value="ColorInline1 " />
<p:colorPicker value="#{userConfig.colorInline1}" mode="inline"/>

<h:outputText value="ColorInline2: " />
<p:colorPicker value="#{userConfig.colorInline2}" mode="inline"/>

<h:outputText value="ColorPopup " />
<p:colorPicker value="#{userConfig.colorPopup}" />

<h:outputText value="Test2" />
<h:inputText value="#{userConfig.test2}" />

</h:panelGrid>
<br />
<p:commandButton action="newValsIndex" value="Submit" ajax="false"> </p:commandButton>
</div>
</h:form>
</h:body>
</html>

最佳答案

实际上,我可以在 showcase 中轻松重现您的问题。 ,它工作正常。主要区别在于您的组件较少​​。在一个空页面中单独测试他们的代码生成这些 css/javascript 包括:

<link href="/javax.faces.resource/theme.css.jspx?ln=primefaces-aristo" rel="stylesheet" type="text/css">
<link href="/javax.faces.resource/primefaces.css.jspx?ln=primefaces" rel="stylesheet" type="text/css">
<link href="/javax.faces.resource/colorpicker/colorpicker.css.jspx?ln=primefaces" rel="stylesheet" type="text/css">
<script src="/javax.faces.resource/jquery/jquery.js.jspx?ln=primefaces" type="text/javascript">
<script src="/javax.faces.resource/primefaces.js.jspx?ln=primefaces" type="text/javascript">
<script src="/javax.faces.resource/colorpicker/colorpicker.js.jspx?ln=primefaces" type="text/javascript">
<script src="/javax.faces.resource/jquery/jquery-plugins.js.jspx?ln=primefaces" type="text/javascript">

一旦您清理了示例并只保留了 p:colorPicker ,最后一个不见了。这看起来像一个 PrimeFaces 错误,您可以通过在您的 h:head 中添加这一行来解决问题。 :
<h:outputScript name="jquery/jquery-plugins.js" library="primefaces" />

关于jsf-2 - PrimeFaces 颜色选择器弹出窗口未显示在正确的位置,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/17172712/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com