I asked this question on stack overflow with no success: javascript - Qlik Sense: TypeError: Cannot read property 'interactionState' of null - Stack Overflow
Background
In Qlik Sense I took the QS Table extension and slightly modified it so that if I add a dimention that is the name of the other sheets in the app you can navigate to them by qliking the td element.
My modifications to QS Table code:
// added to the create rows function
else if(~cell.qText.toLowerCase().indexOf('<sheet>')){
var nameOfSheet = cell.qText;
html += "QSsheetName' style='cursor: pointer;'"+'>'+nameOfSheet.slice(7, nameOfSheet.length)+'</td>';
}
// added a navigation function. Takes the text from the td element
// and then uses it to find out the Sheet Id of the sheet with that
// name and then uses the qlik.navigation api to go there.
var app = qlik.currApp();
function navigateToSheet ( sheetName ) {
var allSheets = {};
app.getList('sheet', function(reply) {
$.each(reply.qAppObjectList.qItems, function(idx, value) {
allSheets[value.qData.title] = value.qInfo.qId;
});
var mySheetId = allSheets[sheetName];
qlik.navigation.gotoSheet(mySheetId);
});
};
// added a listener in the Paint section to call navigation function on qlik
$element.find("td.QSsheetName").on('click', function() {
var elementText = $(this).text();
navigateToSheet(elementText);
});
Problem
If I click on one of the td elements in the QS table to navigate to sheet A it does navigate to sheet A, the intended sheet. However, if I leave sheet A and go to sheet B and click on anything interactive, say a point on a line chart, then I am automatically sent back to sheet A. The console doesn't always produce an error but it does report the following error sometimes:
TypeError: Cannot read property 'interactionState' of null
at Class.c.onPaint (client.js?1522774745642:1)
at client.js?1522774745642:1
at a (require.js?1522774745642:1)
at require.js?1522774745642:1
at p.$eval (require.js?1522774745642:1)
at p.$digest (require.js?1522774745642:1)
at p.$apply (require.js?1522774745642:1)
at require.js?1522774745642:1
at o (require.js?1522774745642:1)
at require.js?1522774745642:1
I added the line: console.log("table clicked")
to my jQuery listener but it doesn't log anything after I click the table the first time. So the random navigations are cached somehow and not calling my listener function above. Can anyone help with this?
