Как сделать заголовок заголовка navBar доступным?

Question

Я хочу, чтобы заголовокText был доступен для просмотра. Ну, я могу сделать это как узел navbarBeforeLinks, но не верю, что невозможно сделать заголовок titleText. Например. Я хочу, чтобы приложение перенаправлялось на главную страницу, нажимая на нее.

<?xml version="1.0" encoding="UTF-8"?> 
<xp:view xmlns:xp="http://www.ibm.com/xsp/core" xmlns:xe="http://www.ibm.com/xsp/coreex"> 
    <xe:navbar id="navbar1" headingText="My application name"></xe:navbar> 
</xp:view> 

Answer 1

Использование на стороне клиента JavaScript, чтобы добавить событие OnClick и стиль «указатель» на headingText NavBar в:

<?xml version="1.0" encoding="UTF-8"?> 
<xp:view 
    xmlns:xp="http://www.ibm.com/xsp/core" 
    xmlns:xe="http://www.ibm.com/xsp/coreex"> 
    <xe:navbar 
     id="navbar1" 
     headingText="My application name"> 
    </xe:navbar> 
    <xp:eventHandler 
     event="onClientLoad" 
     submit="false"> 
     <xp:this.script><![CDATA[ 
      function goHome() { 
       window.location.href = "... your home URL ..." 
      } 
      dojo.query(".navbar-brand").forEach(function(node, index, arr){ 
       node.style.cursor = "pointer"; 
       node.addEventListener("click", goHome); 
      }); 
     ]]></xp:this.script> 
    </xp:eventHandler> 
</xp:view> 

Вы можете найти элемент узла headingText в в DOM с помощью класса «NavBar-бренд» ,