Когда я размещаю InputTextArea и SelectManyMenu (в таком порядке) на странице, я не могу выбрать какие-либо элементы в меню - при нажатии на них ничего не выделяется.Однако, если я изменю порядок на странице (SelectManyMenu до InputTextArea), то все будет работать так, как должно.
Это работает:
<?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.
EDIT:
Консоль браузера говорит 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>