Nano Hash - криптовалюты, майнинг, программирование

Диалог Primefaces p: не отображается

Я пытаюсь показать в элементе p:dialog элемент p:fileUpload-. Без p:fileUpload -Element отображается p:dialog. Затем я добавляю тег fileUpload, и он ничего не делает. Я использую Tomcat 7, mojorra 2.1.28, Primefaces 5.0.

<ui:composition 
xmlns:ui="http://java.sun.com/jsf/facelets"
xmlns:h="http://java.sun.com/jsf/html"
xmlns:f="http://java.sun.com/jsf/core"
template="WEB-INF/templates/template.xhtml"
xmlns:c="http://xmlns.jcp.org/jsp/jstl/core"
xmlns:p="http://primefaces.org/ui">

<!--Zusätzliches Stylesheet-->
<ui:define name="additionalCSS"> <link rel="stylesheet" type="text/css" href="resources/style/benutzer.css" /> </ui:define>
<!--Titel-->
<ui:define name="title">Ticket schreiben</ui:define>

<!--Hier beginnt der Content-Bereich, der je nach Client variiert-->
<ui:define name="content"> 

    <div id="content">
        <div id="verlauf">
            <h:form>
                <h:commandLink value="Home" action="#{linkController.goHome}">  </h:commandLink> / 
                <h:commandLink value="Tickets" action="#{linkController.goTicketindex}"></h:commandLink> / 
                <h:commandLink value="Neues Ticket erstellen" action="#{linkController.goTicketcreate}"></h:commandLink> 
            </h:form>
        </div>

        <div id="headline">Neues Ticket erstellen</div>
        <h:form>
            <div id="stats">
                <div id="title">Empfänger</div>

                <div class="inputName">An:</div>
                <div class="inputContent"> <h:inputText id="user" styleClass="inputText" value="#{ticketController.adress}" >
                    <!--    validatorMessage="Bitte geben Sie den Empfänger an." >
                        <f:validateRequired/>-->
                    </h:inputText> </div>
                <div class="inputName">Betreff:</div>
                <div class="inputContent"> <h:inputText id="topic" styleClass="inputText" value="#{ticketController.topic}" 
                                                        ></h:inputText> </div>
            </div>

            <div id="rechte">

                <div id="title">Nachricht</div>


                <div class="column">
                    <div class="inputArea"> <h:inputTextarea id="message" styleClass="inputField" value="#{ticketController.message}" >
                      <!--      validatorMessage="Bitte geben Sie eine Nachricht ein." >
                            <f:validateRequired/>-->
                        </h:inputTextarea> </div>
                </div>
                <br/>
                <p:dialog widgetVar="dialogVar" modal="true" minHeight="100" draggable="true" >
                    <p:fileUpload fileLimit="20000" fileLimitMessage="File ist zu groß"  fileUploadListener="#{ticketController.fileUploadHandler}"></p:fileUpload>
                </p:dialog>
                <h:commandButton value="Datei Uploaden" type="button" styleClass="submitButton" onclick="dialogVar.show()"></h:commandButton>
                <h:commandButton value="Anlegen" type="submit" styleClass ="submitButton" 
                                 action="#{ticketController.createNewTicket}"></h:commandButton>

            </div>

        </h:form>
    </div>

</ui:define>

</ui:composition>

Я пробовал PF('dialogVar').show и dialogVar.show(), но он не появляется.

07.07.2014

  • В вашем вопросе много несвязанного кода. Попробуйте удалить его и посмотрите, работает ли он с минимальной версией. Если еще нет, то опубликуйте здесь. См. правила SSCCE. 07.07.2014

Ответы:


1

Я думаю, вы должны добавить в свой диалог. После создания кода, несмотря на то, что вы видите на своей странице xhtml, диалоговое окно будет находиться за пределами вашей формы, поэтому вам нужно добавить его самостоятельно. попробуйте следующий код:

<ui:define name="content"> 
     <div id="content">
          <div id="verlauf">
              <h:form>
                 <h:commandLink value="Home" action="#{linkController.goHome}"/> 
                 <h:commandLink value="Tickets" action="#{linkController.goTicketindex}"/>
                 <h:commandLink value="Neues Ticket erstellen" action="#{linkController.goTicketcreate}"/>
              </h:form>
          </div>
          <div id="headline">Neues Ticket erstellen</div>
          <h:form>
            <div id="stats">
            <div id="title">Empfänger</div>

            <div class="inputName">An:</div>
            <div class="inputContent"> 
                <h:inputText id="user" styleClass="inputText" value="#{ticketController.adress}" />
            </div>
            <div class="inputName">Betreff:</div>
            <div class="inputContent"> 
                 <h:inputText id="topic" styleClass="inputText" value="#{ticketController.topic}" 
                                                    ></h:inputText> </div>
        </div>

        <div id="rechte">

            <div id="title">Nachricht</div>


            <div class="column">
                <div class="inputArea"> <h:inputTextarea id="message" styleClass="inputField" value="#{ticketController.message}" >
                  <!--      validatorMessage="Bitte geben Sie eine Nachricht ein." >
                        <f:validateRequired/>-->
                    </h:inputTextarea> </div>
            </div>
            <br/>
            <h:commandButton value="Datei Uploaden" type="button" styleClass="submitButton" onclick="dialogVar.show()"></h:commandButton>
            <h:commandButton value="Anlegen" type="submit" styleClass ="submitButton" 
                             action="#{ticketController.createNewTicket}"></h:commandButton>

        </div>

    </h:form>
    <p:dialog widgetVar="dialogVar" modal="true" minHeight="100" draggable="true" >
        <h:form>
           <p:fileUpload fileLimit="20000" appendToBody="false" fileLimitMessage="File ist zu groß"  fileUploadListener="#{ticketController.fileUploadHandler}"/>
        </h:form>
     </p:dialog>
</div>

08.07.2014
Новые материалы

Кластеризация: более глубокий взгляд
Кластеризация — это метод обучения без учителя, в котором мы пытаемся найти группы в наборе данных на основе некоторых известных или неизвестных свойств, которые могут существовать. Независимо от..

Как написать эффективное резюме
Предложения по дизайну и макету, чтобы представить себя профессионально Вам не позвонили на собеседование после того, как вы несколько раз подали заявку на работу своей мечты? У вас может..

Частный метод Python: улучшение инкапсуляции и безопасности
Введение Python — универсальный и мощный язык программирования, известный своей простотой и удобством использования. Одной из ключевых особенностей, отличающих Python от других языков, является..

Как я автоматизирую тестирование с помощью Jest
Шутка для победы, когда дело касается автоматизации тестирования Одной очень важной частью разработки программного обеспечения является автоматизация тестирования, поскольку она создает..

Работа с векторными символическими архитектурами, часть 4 (искусственный интеллект)
Hyperseed: неконтролируемое обучение с векторными символическими архитектурами (arXiv) Автор: Евгений Осипов , Сачин Кахавала , Диланта Хапутантри , Тимал Кемпития , Дасвин Де Сильва ,..

Понимание расстояния Вассерштейна: мощная метрика в машинном обучении
В обширной области машинного обучения часто возникает необходимость сравнивать и измерять различия между распределениями вероятностей. Традиционные метрики расстояния, такие как евклидово..

Обеспечение масштабируемости LLM: облачный анализ с помощью AWS Fargate и Copilot
В динамичной области искусственного интеллекта все большее распространение получают модели больших языков (LLM). Они жизненно важны для различных приложений, таких как интеллектуальные..