Question

您好我想制作一些复合组件，用于在我的网络应用上查找一些文档。我正在尝试制作一些浏览器模板，并在许多地方重用此组件。它应该隐藏在加载，你可以通过链接“浏览器”显示/隐藏它。它不是那么难，直到我想在1页上使用2个浏览器，javascript和cookies ale也没准备好，有些解决方案吗？

代码：

浏览器的复合组件（我可以使用除了decorater之外的模板吗？）：

<ui:component ... />
    <composite:implementation>
        <ui:decorate template="/WEB-INF/templates/browserTemplate.xhtml">
              <ui:define name="fields">...here fields for browser etc...</ui:define>
        </ui:decorate>
    </ui:component>
</ui:component>

模板：

<ui:composition ...>
    <script>
        $(document).ready(function() {
            $(".browserAdvenced").click(function() {
                if ($.cookie('browserShowed') === "1") {
                $("#browserPanel").slideUp();
                $.cookie('browserShowed', '0');
            } else {
                $("#browserPanel").slideDown();
                $.cookie('browserShowed', '1');
            }
        });
    </script>
   <h:form id="browserForm">
        <div id="browserPanel" class="content-wide padding">
            <ui:insert name="fields"/>
            <a href="#" class="browserAdvenced"
                title="show/hide browser">find</a>
        </div>
    </h:form>
</ui:composition ...>

一页上的许多复合组件的模板

0 个答案: