是否可以使用我的自定义schedule.js在primefaces中呈现计划组件

时间:2014-02-12 13:09:33

标签: primefaces

我正在使用primefaces的schedule组件。我不得不在primefaces jar文件中更改schedule.js以实现schedule事件的工具提示。是否有一种方法,计划组件采取自定义本地javascript文件,而不是从primefaces jar读取。

修改

<h:head>
    <title>#{serviceCalendarViewBean.currentInstance} - Schedule</title>
    <link type="text/css" rel="stylesheet"
        href="#{request.contextPath}/css/common.css" />
    <h:outputText value="#{serviceCalendarViewBean.employeeStyleClass}"
        escape="false" />
</h:head>
<h:body onload="checkURL()">
    <ui:include src="/WEB-INF/views/Header.xhtml" />
    <div class="belly">
        <ui:include src="servicemenu.xhtml" />
        <f:view contentType="text/html">
            <h:form prependId="false" id="mainForm">
                <p:hotkey bind="esc" handler="noteWidget.hide();eventDialog.hide();" />
                <!-- For Ajax Pop-up Box -->
                <p:ajaxStatus onstart="statusDialog.show();"
                    onsuccess="statusDialog.hide();" />
                <div class="mainColWrapper">
                    <p:panel>
                        <p:schedule id="schedule"
                            value="#{serviceCalendarViewBean.eventModel}"
                            widgetVar="scheduleWidget" draggable="true" resizable="false"
                            allDaySlot="true" slotMinutes="15"
                            initialDate="#{serviceCalendarViewBean.miniCalDate}"
                            view="agendaWeek" leftHeaderTemplate="today, ,prev,next"
                            rightHeaderTemplate="agendaDay,agendaWeek,month">

                        </p:schedule>
                    </p:panel>
                </div>
            </h:form>
        </f:view>
    </div>
    <script type="text/javascript">
        function removeImageOrNotesIcon() {
            var ss = document.getElementById('idReccurFreq').value;
            jQuery('span').remove('.ico-dialogBox');
        }
    </script>
    <h:outputScript library="primefaces" name="js/schedule.js" />
</h:body>

2 个答案:

答案 0 :(得分:2)

<h:outputScript library="primefaces" name="schedule.js"/>

h:outputscript检查webcontent / resources文件夹中的文件。如果我们指定像'primefaces'或'js'这样的库,那么在相应名称的'resources'文件夹中应该有一个文件夹。所以在我们指定的primefaces的上面的代码中,文件应该在'webcontent / resources / primefaces / schedule.js'中。

答案 1 :(得分:1)

是。只需将其包含在<h:head>标记内即可。 例如:

<h:outputScript library="primefaces" name="resources/js/schedule.js"/>