テンプレート
AjaxSearchが提供する検索窓と検索結果一覧の出力を自由にカスタマイズできます。
@FILE:assets/snippets/ajaxSearch/templates/folderName/
既定のhtmlコードは上記ディレクトリに収録されているので、参考にしてください。これらのファイルをテキストエディタで直接編集してもカスタマイズできますが、サーバの設定によっては文字化けが発生することがありますし、AjaxSearchをアップデートする時に気をつけないと、全て上書きしてしまいます。テンプレートはチャンクで指定できますので、チャンクを用いてください。
検索窓(Input templates)
&tplInput
対象: 検索窓(input form)です。
既定値: &tplInput=@FILE:assets/snippets/ajaxSearch/templates/input.tpl.html
備考1: 上記の既定値ファイルで提供されるコードは合理的に書かれており、AjaxSearchスニペットコール側の指定とスタイルシートの調整だけで自由にカスタマイズできるようになっています。
- a set of check boxes to select the value of the advanced Search parameter (name=advSearch)
- an input fied (name=search), to catch the search terms
- or a multiple input list to select the search terms among a list of terms (name=search) To demonstrate these possibilities, several demos exist on the demo site.
備考2: templates/inputTemplates/ ディレクトリ内にもサンプルが3つあります。
- Input 1 : a simple search with a simple input field
- Input 2 : a simple search with a multiple input list
- Input 3 : an advanced search. An input field with the selection of the advanced Search parameter The advanced search parameter can be mixed with the input list (2 & 3). With an input field, when the liveSearch mode is set, the submit button is not displayed. A search occurs after each character typed.
Rel: &showInputForm
検索結果一覧(Non-Ajaxモード)
&tplGrpResult
Pur: to style the non-ajax output group result outer
Def:@FILE:assets/snippets/ajaxSearch/templates/grpResult.tpl.html
&tplResults
Pur: to style the non-ajax output results outer
Def:@FILE:assets/snippets/ajaxSearch/templates/results.tpl.html
&tplResult
Pur: to style each output result
Def:@FILE:assets/snippets/ajaxSearch/templates/result.tpl.html
&tplComment
Pur: to style the comment form (also used with the ajax mode)
Def:@FILE:assets/snippets/ajaxSearch/templates/comment.tpl.html
&tplPaging0
Pur: to style the paging links -type 0
Def:@FILE:assets/snippets/ajaxSearch/templates/Paging0.tpl.html
&tplPaging1
Pur: to style the paging links -type 1
Def:@FILE:assets/snippets/ajaxSearch/templates/Paging1.tpl.html
検索結果一覧(Ajaxモード)
&tplAjaxGrpResult
Pur: to style the ajax output group result outer
Def: '@FILE:.AS_SPATH.'templates/ajaxGrpResult.tpl.html
E.g.:@FILE:assets/snippets/ajaxSearch/templates/myAjaxGrpResult.tpl.html
&tplAjaxResults
Pur: to style the ajax output results outer
Def: '@FILE:.AS_SPATH.'templates/ajaxResults.tpl.html
E.g.:@FILE:assets/snippets/ajaxSearch/templates/myAjaxResults.tpl.html
&tplAjaxResult
Pur: to style each output result
Def: '@FILE:.AS_SPATH.'templates/ajaxResult.tpl.html
E.g.:@FILE:assets/snippets/ajaxSearch/templates/myAjaxResult.tpl.html
&tplPaging1
Pur: to style the paging links -type 1
Def:@FILE:assets/snippets/ajaxSearch/templates/Paging1.tpl.html
&tplPaging2
Pur: to style the paging links -type 2
Def:@FILE:assets/snippets/ajaxSearch/templates/Paging2.tpl.html