选择多个菜单 - 在输入文本区域之后无法选择项目



当我在页面中放置InputTextAreaSelectManyMenu(按该顺序(时,我无法选择菜单中的任何项目 - 单击它们时不会突出显示任何内容。 但是,如果我更改页面上的顺序(SelectManyMenuInputTextArea之前(,那么一切都会按预期工作。

这有效:

<?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"
xmlns:p="http://primefaces.org/ui">
<h:head/>
<body>
<h:form>
<p:selectManyMenu id="testSMM">
<f:selectItem itemLabel="Option 1" itemValue="1"/>
<f:selectItem itemLabel="Option 2" itemValue="2"/>
<f:selectItem itemLabel="Option 3" itemValue="3"/>
</p:selectManyMenu>
<br/>
<p:inputTextarea id="testITA"/>
</h:form>
</body>
</html>

这不会:

<?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"
xmlns:p="http://primefaces.org/ui">
<h:head/>
<body>
<h:form>
<p:inputTextarea id="testITA"/>
<br/>
<p:selectManyMenu id="testSMM">
<f:selectItem itemLabel="Option 1" itemValue="1"/>
<f:selectItem itemLabel="Option 2" itemValue="2"/>
<f:selectItem itemLabel="Option 3" itemValue="3"/>
</p:selectManyMenu>
</h:form>
</body>
</html>

我所做的只是将一个标签放在另一个标签之前。我在这里错过了什么?

ps:这不会发生在InputText上。

编辑:

浏览器控制台说Uncaught ReferenceError: PrimeFaces is not defined at components.js.xhtml?ln=primefaces&v=6.0:1,即使生成的html具有相同的内容(但显然顺序不同(,当我在控制台中检查"元素"选项卡时,InputTextArea具有不同的属性:

工作代码:

<textarea id="j_idt4:testITA" name="j_idt4:testITA" cols="20" rows="3"
maxlength="2147483647" class="ui-inputfield ui-inputtextarea ui-widget ui-state-default ui-corner-all ui-inputtextarea-resizable"
role="textbox" aria-disabled="false" aria-readonly="false" aria-multiline="true"
data-autosize-on="true" style="overflow: hidden; overflow-wrap: break-word; height: 63px;"
</textarea>

错误代码:

<textarea id="j_idt4:testITA" name="j_idt4:testITA" cols="20" rows="3"
maxlength="2147483647" class="ui-inputfield ui-inputtextarea ui-widget ui-state-default ui-corner-all ui-inputtextarea-resizable"
</textarea>

在PrimeFaces 6.0中,有一些小问题与组件没有加载正确的核心JavaScript有关。这些问题在 6.0.x 精英版和 6.1 社区版本中得到了修复。

相关内容

  • 没有找到相关文章

最新更新