0

Есть jsf код:

<h:head>
    <script type="text/javascript" src="https://ajax.aspnetcdn.com/ajax/jQuery/jquery-3.2.1.min.js"/>
</h:head>
<h:body>
    <h:outputScript  name="test.js"/>
        <h:form id="form" styleClass="form" >
                <h:inputText id="R" class="R" value="#{point.r}"> </h:inputText>
        </h:form>
</h:body>
</html>

И есть код в javascript в отдельном файле :

$(document).ready(function(){
    console.log(document.getElementById("R"))
});

Но почему то document.getElementById возвращает все время null. Почему?

1
  • Надо смотреть сгенерированную разметку hrml. Это можно сделать через DevTools. Commented 25 нояб. 2019 в 5:57

1 ответ 1

1

При формировании id компонента для HTML-страницы, JSF к указанному id добавляет в качестве префикса id формы и идентификаторы всех компонентов-контейнеров (например, JSF-панелей). Выглядит примерно так: "myFomId:myComponentId". Если id не указан явно, то он будет сгенерирован.

Изменить такое поведение можно указав атрибут h:form prependId="false". Не рекомендую делать это без лишней надобности. Также не рекомендую использовать JavaScript, т.к. абсолютное большинство задач обычно можно решить на "чистом" JSF.

2
  • И как сделать рисование в canvas или вычисление логической функции на основе данных формы в JSF? Commented 25 нояб. 2019 в 19:43
  • JSF - Java Server Faces, практически всё что связано с интерфейсом, проходит через сервер. Стандартный подход при этом - данные сабмитятся на сервер и там происходят все вычисления, там же можно выполнять и рисование и возвращать браузеру. Если логика Вашей ИС рассчитана на то, чтобы всё делать в браузере - вероятно, JSF - не Ваш выбор.
    – bobzer
    Commented 26 нояб. 2019 в 4:27

Ваш ответ

Нажимая «Отправить ответ», вы соглашаетесь с условиями пользования и подтверждаете, что прочитали политику конфиденциальности.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.