如何使navBar的headingText可点击？

Question

我希望headingText可以点击。好吧，我可以将它作为navbarBeforeLinks节点，但不相信没有办法使headingText可点击。例如。我希望应用程序通过单击重定向到主页。

<?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向navBar的headingText添加onclick事件和样式“指针”：

<?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>

您可以在“navbar-brand”类的帮助下在DOM中找到headingText的节点元素。