ゲストブックポートレットへの検索バーの追加

ご覧のページは、お客様の利便性のために一部機械翻訳されています。また、ドキュメントは頻繁に更新が加えられており、翻訳は未完成の部分が含まれることをご了承ください。最新情報は都度公開されておりますため、必ず英語版をご参照ください。翻訳に問題がある場合は、こちらまでご連絡ください。

• ゲストブックポートレットへの検索バーの追加

検索用のUIの更新

手順1/2

ゲストブックポートレットの検索バーUIを作成します。

1. guestbook-webで、ファイル src / main / resources / META-INF / resources / guestbookwebportlet / view.jsp開きます。 リクエストから guestbookId を取得するスクリプトレットの直後に、ファイルの上部近くにレンダリングURLを追加します。

   <portlet:renderURL var="searchURL">
       <portlet:param name="mvcPath" 
       value="/guestbookwebportlet/view_search.jsp" />
   </portlet:renderURL>
   

   レンダリングURLは、 /guestbookwebportlet/view_search.jsp （次の手順で作成）を指します。 最初にURLを作成して、ユーザーが検索クエリを送信したときの動作を指定します。

2. レンダリングURLの直後に、検索キーワードの入力フィールドと、 searchURLマッピングされるフォームアクションを実行する Submit ボタンを追加するAUIフォームを作成します。

   <aui:form action="${searchURL}" name="fm"><div class="row">
           <div class="col-md-8">
               <aui:input inlineLabel="left" label="" name="keywords" placeholder="search-entries" size="256" />
           </div>
   
           <div class="col-md-4">
               <aui:button type="submit" value="search" />
           </div>
       </div>
   </aui:form>
   

   The body of the search form consists of a <div> with one row containing two fields: an input field, named keywords and a Submit button. Its name="keywords" attribute specifies the name of the URL parameter that contains the search query. The <aui:button> tag defines the search button. The type="submit" attribute specifies that when the button is clicked (or the Enter key is pressed), the AUI form is submitted. The value="search" attribute specifies the name that appears on the button.

検索フォームにあるのはこれだけです！ フォームが送信されると、 view_search.jsp 指す mvcPath パラメーターが、検索クエリを含む キーワード パラメーターとともにURLに含まれます。 次に、 view_search.jsp ファイルを作成して、検索結果を表示します。

« 検索用のユーザーインターフェイスの更新ゲストブックポートレットの検索結果JSPの作成 »