topic Re: gotoSheet() in div in Integration, Extension & APIs

gotoSheet() in div

Mich90GSG_o — Tue, 23 Jun 2020 07:22:45 GMT

Hi,

in my extension I am trying to call gotoSheet() in a div.

My javascript

var link = document.createElement("div"); link.setAttribute("ng-click", "navigation.gotoSheet('" + linkitem.sheetid + "');"); var span = document.createElement("span"); span.setAttribute("class", "lui-icon lui-icon--play"); span.setAttribute("area-hidden", "true"); link.append(span); var span1 = document.createElement("span"); span1.innerHTML = "Test"; link.append(span1);

This leads into:

It doesn't do anything when clicking on that div.

Someone has an idea?

PS: I tried without the ' but it didn't work as well...

Thanks!

Re: gotoSheet() in div

devan9876 — Wed, 24 Jun 2020 01:24:52 GMT

Maybe you need to prefix it with qlik so "qlik.navigation.gotoSheet(..."

The one time I did this I never used the ng-click event tho. I did it with vanilla js event listener and stored the sheet id as a data-attribute on the element.
So maybe something like:

link.setAttribute('data-sheet','YourSheetIdHere'); link.addEventListener('click',function(){ qlik.navigation.gotoSheet(this.getAttribute('data-sheet')); });

Re: gotoSheet() in div

Mich90GSG_o — Wed, 24 Jun 2020 09:52:01 GMT

Man, this is perfect and works instantly!!!!

The first qlik.navigation does not work (I don't know why) - but your second hint works fine!

Thanks you so much!