[jsf] शामिल किए गए नेविगेशन मेनू में सक्रिय लिंक के रूप में वर्तमान पृष्ठ को हाइलाइट करना



0 Answers

मैंने @BalusC विचार के साथ उसका अन्य टिप 12473461 पर उपयोग किया है लेकिन कुछ संशोधन के साथ:

<ul>
  <li class="#{view.viewId eq '/admin/index.xhtml' ? 'active' : ''}"><h:link value="Main" outcome="main"/></li>
  <li class="#{fn:startsWith(view.viewId, '/admin/sess1/') ? 'active' : ''}"><h:link value="Session 1" outcome="sess1"/></li>
  <li class="#{fn:startsWith(view.viewId, '/admin/sess2/') ? 'active' : ''}"><h:link value="Session 2" outcome="sess2"/></li>
  <li class="#{fn:startsWith(view.viewId, '/admin/sess3/') ? 'active' : ''}"><h:link value="Session 3" outcome="sess3"/></li>
</ul>
Question

मेरे पास साइडबार में एक स्थिर मेनू है, जिसे मैं हर JSF पृष्ठ में शामिल करता हूं। मेनू ऐसा दिखता है:

  <li class="nav-header">Item 1</li>
  <li class="active"><a href="index.xhtml">Item 2</a></li>
  <li><a href="new_workload.xhtml">Item 3</a></li>
  <li><a href="import_workload.xhtml">Item 4</a></li>

<li> मेनू को हाइलाइट करने के लिए class="active" जोड़ना JSF2 में सुनिश्चित करें कि चयनित आइटम गतिशील रूप से हाइलाइट किया गया है?

मुझे पता है कि प्राइमफैसेस और रिचफेस ने इसके लिए तैयार किए गए घटक तैयार किए हैं, लेकिन मैं पहले शुद्ध जेएसएफ 2 समाधान की कोशिश करना चाहता हूं। एक शुद्ध ग्राहक पक्ष जावास्क्रिप्ट समाधान भी स्वीकार्य है।






Related



Tags

jsf   jsf-2   menu