Das Notes Forum

Domino 9 und frühere Versionen => ND8: Entwicklung - XPages => Thema gestartet von: Driri am 21.03.12 - 16:49:25

Titel: Xpage mit Menu via dijit.menuBar
Beitrag von: Driri am 21.03.12 - 16:49:25

Hallo,

ich versuche mich gerade an Dojo heranzutasten und wollte dafür in einer XPage-Anwendung via dijit.menuBar eine horizontale Menüleiste einbauen.

In den Views benutze ich die Menüleiste als Navigationsleiste, um andere Views aufrufen zu können bzw. neue Dokumente erzeugen zu können.

In den Dokumenten habe ich aber jetzt das Problem, daß ich die gewünschten onClick-Ereignisse nicht eingebunden bekomme.

Sprich, das hier funktioniert (gekürzt) :

Zitat

...
<xp:div id="horizontalMenu">
   <div dojoType="dijit.MenuBar" id="navMenu">
   <div dojoType="dijit.PopupMenuBarItem"><span>Aktionen</span>
      <div dojoType="dijit.Menu" class="submenu1">
        <div dojoType="dijit.MenuItem" onclick="document.location.href='./xFProject.xsp/?EditDocument'">neues Projekt</div>
        <div dojoType="dijit.MenuItem" onclick="document.location.href='#'">neue Doku</div>
      </div>
    </div>
...

Und hier weiß ich nicht, wie ich die Dokumentaktionen eingebunden bekomme :

Zitat

<xp:div id="horizontalMenu">
   <div dojoType="dijit.MenuBar" id="navMenu">
      <div dojoType="dijit.PopupMenuBarItem"><span>Aktionen</span>
         <div dojoType="dijit.Menu" class="submenu1">
             <div dojoType="dijit.MenuItem" onclick="document.location.href='#'">Bearbeiten</div>
              <div dojoType="dijit.MenuItem" onclick="document.location.href='#'">Speichern</div>
              <div dojoType="dijit.MenuItem" onclick="document.location.href='#'">Drucken</div>
             <div dojoType="dijit.MenuItem" onclick="document.location.href='#'">Löschen</div>
             <div dojoType="dijit.MenuItem" onclick="document.location.href='#'">Schließen</div>
          </div>
       </div>
    </div>
    </xp:div>

Kann mich da jemand in die richtige Richtung stoßen ?

Titel: Re: Xpage mit Menu via dijit.menuBar
Beitrag von: Driri am 22.03.12 - 12:01:50

Ich habs rausgefunden. Ich habe aus den DIV-Tags xp:div-Tags gemacht und dann innerhalb eines Tags vom Typ dijit.MenuItem einfach einen xp:eventHandler eingebaut.

Zitat

<xp:div id="horizontalMenu">
      <xp:div dojoType="dijit.MenuBar" id="navMenu">
         <xp:div dojoType="dijit.PopupMenuBarItem">
            <span>Aktionen</span>
            <xp:div dojoType="dijit.Menu" style="submenu1">
               <xp:div dojoType="dijit.MenuItem">
                  <span>Bearbeiten</span>
                  <xp:eventHandler event="onclick" submit="true" refreshMode="complete">
                     <xp:this.action>
                        <xp:changeDocumentMode mode="toggle" var="document1"></xp:changeDocumentMode>
                     </xp:this.action>
                  </xp:eventHandler>
               </xp:div>
...