Ankündigung

Einklappen
Keine Ankündigung bisher.

Tooltip_Embedded mit ix.loader

Einklappen
X

Tooltip_Embedded mit ix.loader

Einklappen
  • Filter
  • Zeit
Alles löschen
neue Beiträge

  • Tooltip_Embedded mit ix.loader

    Hallo zusammen,

    wir haben in einer Ansichtstabelle eine Spalte mit einem Element "statischer Text", wo wir einen Link zu einer Ansichtsseite gebaut haben. Wir haben spezielle Anforderungen an die Darstellung, daher ist eine Standard-Schaltfläche leider nicht möglich.
    Den Link bauen wir über die ix.loader Methode zusammen, als position: "embedded".
    in der API finden wir leider keine weiteren Hinweise, daher die Frage, ob man über ix.loader auch die Einstellung (htmlTarget) hinbekommt, dass der Tooltip unterhalb der aktuellen Tabellenzeile, aus der heraus der Link betätigt wird, eingebettet (embedded) wird. So, wie man es für einen Standard-Link unter "Zielseitenoptionen" einstellen kann.
    Sind für jeden Tipp dankbar!

    Olaf

  • #2
    Ich hab da mal schnell was zusammengeschustert...
    Angehängte Dateien

    Kommentar


    • #3
      Ich habe den zuvor geposteten Code nochmals überarbeitet und bin zu folgendem Ergebnis gekommen.

      JavaScript for Desktop
      Code:
      function registerEmbeddedRowTooltips(table) {
          $('#ID_' + table + ' .embeddedRowTooltip').on('click', openEmbeddedRowTooltip);
          return true;
      }
      
      function openEmbeddedRowTooltip() {
          var tablecontrolId = $($(this).parents('table')[0]).attr('id');
          var tablerecordsId = $($(this).parents('div')[0]).attr('id');
          var recId = $($(this).parents('tr')[0]).attr('data-tablerecord-recid');
      
          var tooltipId = tablerecordsId + '_ttpcontainer';
          var tooltipSelector = '#' + tooltipId;
          $(tooltipSelector).remove();
      
          var record = $('#' + tablecontrolId + ' tr[data-tablerecord-recid="' + recId + '"]')
          var colCount = record.children("td").length
          record.after('<tr id="' + tooltipId + '"><td style="padding:0px;margin:0px;" colspan="' + colCount + '" data-parent="' + tablecontrolId + '" data-ix-control="container"></td></tr>');
      
          ix.loader.tooltip({
              ixApp: {
                  guid: "B67CACB814AF94FF8741BA918083AF916356DE15",
                  pageGuid: "4058A21D26FFB3D3A84DEA4E5AC6AECD4701F807",
              },
              windowSettings: {
                  position: "embedded",
                  htmlTarget: $(tooltipSelector).children("td")[0]
              },
              data: {
                  "rq_RecId": recId
              }
          });
      
          return true;
      }

      Static text
      Code:
      <a class="embeddedRowTooltip">EmbeddedRowTooltip</a>

      View table > Properties > Expert > Attribute > onload
      Code:
      registerEmbeddedRowTooltips('<table NAME>');
      Angehängte Dateien

      Kommentar


      • #4
        Hallo Tobiz,

        vielen Dank für die schnelle Rückmeldung!
        Die App lässt sich nicht downloaden, aber ich werde es gleich mit obigem Code testen.

        Kommentar

        Lädt...
        X