Top JS動的インクルード

top_js.jspf動的インクルードは、テーマの先頭に追加のJavaScriptファイルを追加します。たとえば、次の拡張ポイントを使用して、テーマの先頭に必要なJSライブラリを含めることができます。

/html/common/themes/top_js.jspf#resources

次の例では、top_js.jspfの上部にJavaScriptファイルを挿入します。

*DynamicInclude Javaクラス:

@Component(immediate = true, service = DynamicInclude.class)
public class JSTopHeadDynamicInclude extends BaseDynamicInclude {

@Override
public void include(
HttpServletRequest request, HttpServletResponse response,
String key)
throws IOException {

PrintWriter printWriter = response.getWriter();

String content = "<script charset=\"utf-8\" src=\"/o/my-custom-dynamic-include/my_example_javascript.js\" async />";

printWriter.println(content);
}

@Override
public void register(
DynamicInclude.DynamicIncludeRegistry dynamicIncludeRegistry) {

dynamicIncludeRegistry.register(
"/html/common/themes/top_js.jspf#resources"
);
}
}

図1:Top JS動的インクルードを使用して、テーマの先頭に追加のスクリプトを読み込むことができます。

JavaScript src属性の値/o/my-custom-dynamic-include/...は、OSGiモジュールのWeb-ContextPath(例では/my-custom-dynamic-include)によって提供されることに注意してください。

これで、top_js.jspf動的インクルードの使用方法がわかりました。

関連トピック

Bottom JSP Dynamic Includes

Top Head JSP Dynamic Includes

WYSIWYG Editor Dynamic Includes

« Top Head JSP動的インクルードBottom JSP動的インクルード »
この記事は役に立ちましたか?
1人中1人がこの記事が役に立ったと言っています