質問をすることでしか得られない、回答やアドバイスがある。

15分調べてもわからないことは、質問しよう!

ただいまの
回答率

88.38%

primefacesを用いたデータテーブル

受付中

回答 1

投稿

  • 評価
  • クリップ 0
  • VIEW 2,722

Yoshi.E

score 7

現在、JPAを用いて書籍管理システムを作っています。

現在下記のような図書管理webアプリケーションを開発しております。

「画面図」

ISBN:~入力~
出版社:~入力~
価格:~入力~

【登録】【クリア】←ボタン
----------------------
ISBN 出版社 価格

** *** ***
△△ △△ △△△
------------------------

「説明」
各テキストボックスに入力して、登録ボタンを押すと
データベースに入力した内容を保存し、画面をnull返しで再表示させそのデータを同画面下のデータテーブルに表示させる。

「問題」
機能は完成したのですが、データテーブルのデザインが気に入らなかったので
primefacesタグを用いてデータテーブルのデザインを変更したところ、
登録ボタンを押してもすぐに反映されず、トップへ戻るを押して再び同画面を再表示させると
データが反映されている状況です。
primefacesを使ってからなのでこれが原因だと分かりますが対処法がわかりません。
解決策を教えていただけたら幸いです。

読みづらい文章で申し訳ありません。

【登録画面ソース】

            <h:form>
                <h:panelGrid columns="4" >  
                    <h:outputLabel value="ISBN "/>
                    <h:inputText id="isbn"  label="isbn"
                                 value="#{backingBook02.isbn}" size="20">
                        <f:validateRegex pattern="(^\d{3}-).+"/>
                    </h:inputText>
                    <h:outputLabel value="例:XXX-X-XXXX-XXXX-X"/>
                    <h:message for="isbn" errorClass="err"/>
                </h:panelGrid>
                <h:panelGrid columns="3">
                    <h:outputLabel for="genre" value="ジャンル "/>
                    <h:selectOneMenu id="genre" label="genre" value="#{backingBook02.genre}" 
                                    >
                        <f:selectItem  itemLabel="---選択してください---"
                                       noSelectionOption="true"/>
                        <f:selectItems value="#{backingBook02.item}"/>
                    </h:selectOneMenu>
                    <h:message for="genre" errorClass="err"/>

                    <h:outputLabel value="書籍名 "/>
                    <h:inputText id="title" label="書籍名"
                                 value="#{backingBook02.title}"  size="20"/>
                    <h:message for="title" errorClass="err"/>

                    <h:outputLabel value="本体価格 "/>
                    <h:inputText id="price" label="本体価格"
                                 value="#{backingBook02.price}"  size="5"/>
                    <h:message for="price" errorClass="err"/>

                    <h:outputLabel value="出版社 "/>
                    <h:inputText id="publisher"    label="出版社"
                                 value="#{backingBook02.publisher}"  size="20">

                    </h:inputText>
                    <h:message for="date" errorClass="err"/>

                    <h:outputLabel value="備考"/>
                    <h:inputTextarea id="exp" label="備考"
                                     value="#{backingBook02.exp}"  cols="50" rows="10"/>
                    <h:message for="exp" errorClass="err"/>
                </h:panelGrid>

                <hr/>  
                <h:panelGrid columns="3">
                    <h:commandButton value="登録"  action="#{backingBook02.register()}"/>

                    <h:commandButton value="クリア" action="#{backingBook02.clear()}" >
                        <f:ajax execute="@this" render="@all"/>
                    </h:commandButton>

                    <h:link outcome="create.xhtml">トップへ戻る</h:link>
                </h:panelGrid>
            </h:form>
            <p:dataTable  var="item" value="#{backingBook02.data}"
                          paginatorTemplate="{CurrentPageReport}  {FirstPageLink} {PreviousPageLink} {PageLinks} {NextPageLink} {LastPageLink} {Exporters}"
                          paginator="true" rows="15" style="margin-bottom:20px">

                <p:column headerText="ISBN"> <h:outputText value="#{item.isbn}"/></p:column>
                <p:column headerText="ジャンル"><h:outputText value="#{item.genre}"/></p:column>
                <p:column headerText="タイトル"><h:outputText value="#{item.title}"/></p:column>
                <p:column headerText="価格"><h:outputText value="#{item.price}"/></p:column>
                <p:column headerText="出版社">
                    <h:outputText  value="#{item.publisher}">

                    </h:outputText>
                </p:column>

            </p:dataTable>
        </ui:composition>
    </h:body>
</html>

  • 気になる質問をクリップする

    クリップした質問は、後からいつでもマイページで確認できます。

    またクリップした質問に回答があった際、通知やメールを受け取ることができます。

    クリップを取り消します

  • 良い質問の評価を上げる

    以下のような質問は評価を上げましょう

    • 質問内容が明確
    • 自分も答えを知りたい
    • 質問者以外のユーザにも役立つ

    評価が高い質問は、TOPページの「注目」タブのフィードに表示されやすくなります。

    質問の評価を上げたことを取り消します

  • 評価を下げられる数の上限に達しました

    評価を下げることができません

    • 1日5回まで評価を下げられます
    • 1日に1ユーザに対して2回まで評価を下げられます

    質問の評価を下げる

    teratailでは下記のような質問を「具体的に困っていることがない質問」、「サイトポリシーに違反する質問」と定義し、推奨していません。

    • プログラミングに関係のない質問
    • やってほしいことだけを記載した丸投げの質問
    • 問題・課題が含まれていない質問
    • 意図的に内容が抹消された質問
    • 過去に投稿した質問と同じ内容の質問
    • 広告と受け取られるような投稿

    評価が下がると、TOPページの「アクティブ」「注目」タブのフィードに表示されにくくなります。

    質問の評価を下げたことを取り消します

    この機能は開放されていません

    評価を下げる条件を満たしてません

    評価を下げる理由を選択してください

    詳細な説明はこちら

    上記に当てはまらず、質問内容が明確になっていない質問には「情報の追加・修正依頼」機能からコメントをしてください。

    質問の評価を下げる機能の利用条件

    この機能を利用するためには、以下の事項を行う必要があります。

回答 1

0

p:dataTableをh:form内に配置してはどうでしょうか。ソースを拝見したところdatatableがformの外に有るようです。

投稿

  • 回答の評価を上げる

    以下のような回答は評価を上げましょう

    • 正しい回答
    • わかりやすい回答
    • ためになる回答

    評価が高い回答ほどページの上位に表示されます。

  • 回答の評価を下げる

    下記のような回答は推奨されていません。

    • 間違っている回答
    • 質問の回答になっていない投稿
    • スパムや攻撃的な表現を用いた投稿

    評価を下げる際はその理由を明確に伝え、適切な回答に修正してもらいましょう。

15分調べてもわからないことは、teratailで質問しよう!

  • ただいまの回答率 88.38%
  • 質問をまとめることで、思考を整理して素早く解決
  • テンプレート機能で、簡単に質問をまとめられる

関連した質問

同じタグがついた質問を見る