जेएसएफ एच: आउटपुटस्क्रिप्ट ऑर्डरिंग और प्राइमफेस jQuery

Question

मैं उपयोग करना चाहता हूं (Primefaces with TwitterBootstrap)। वर्तमान में ड्रॉपडाउन मेनू यह काम नहीं कर रहा है अगर उदा। एक p:dataTable मौजूद है। मैं समझ गए होंगे, कि यह (बिना किसी भी Primefaces घटकों) काम कर रहा है अगर मैं h:head में निम्नलिखित आदेश है:

<h:head> 
    <h:outputScript library="js" name="bootstrap.js"/> 
    <h:outputScript library="primefaces" name="jquery/jquery.js"/> 
    ... 
</h:head> 

मैं आदेश (प्रथम jquery.js, bootstrap.js से) स्वैप तो ड्रॉपडाउन मेनू टूटा हुआ है। मेरी समस्या यह है कि, एचटीएमएल आउटपुट में प्राइमफेस घटकों के उपयोग के साथ प्राइमफेसेस (jquery.js और primefaces.js) द्वारा उपयोग की जाने वाली स्क्रिप्ट्स h:head में मैन्युअल प्रविष्टियों से पहले हमेशा होती हैं।

<script src="/javax.faces.resource/jquery/jquery.js.jsf?ln=primefaces"></script> 
<script src="/javax.faces.resource/primefaces.js.jsf?ln=primefaces"></script> 
<script src="/javax.faces.resource/bootstrap.js.jsf?ln=js"></script> 

मैं कैसे jquery.js से पहले bootstrap.js आयात कर सकते हैं?

Answer 1

यदि समस्या आपके संसाधनों के क्रम में शामिल है, तो आपको प्राइमफेस टीम के निम्नलिखित ब्लॉग पोस्ट पर एक नज़र रखना चाहिए: Customizable Resource Ordering।

आप अपने h:head तत्व के अंदर first पहलू को परिभाषित कर सकते हैं। वहां रखे गए तत्व प्राइमफेस संसाधनों से पहले लोड किए जाएंगे।

<h:head> 
    <f:facet name="first"> 
     <h:outputScript library="js" name="bootstrap.js"/> 
    </f:facet> 
</h:head>