Hi all,
I think I can solve this problem using only Javascript.
The fisrt thing You must know is, my solution need CurrentSelections, I get the information from CurrentSelections, if you don't want to show CurrentSelections, hide him with CSS tag style="display: none".
The first step is create Javascript function, like:
function getSelections(){
require(["js/qlik"], function(qlik) {
var selectionname = document.getElementById("CurrentSelections").querySelectorAll("[tid='selection-name']");
var selectionitemtext = document.getElementById("CurrentSelections").querySelectorAll("[tid='current-selection-item-text']");
var storedNames = [];
var storedValues = [];
for (var i=0; i < selectionname.length; i++){
storedNames[i] = selectionname[i].innerText;
storedValues[i] = selectionitemtext[i].innerText;
}
localStorage.setItem("selectionname",JSON.stringify(storedNames));
localStorage.setItem("selectionitemtext",JSON.stringify(storedValues));
});
}
This function get the name and values of the selections from the CurrentSelections and save this information in webstorage, all modern navigators support webstorage.
The next step is create a hypercube to save all selections in webstorage, this hypercube need to stay in your main page/JS:
//create cubes and lists -- inserted here --
app.createCube({
"qInitialDataFetch": [
{
qTop: 0,
qLeft: 0,
qHeight: 10000,
qWidth: 1
}
],
"qDimensions": [
{qDef: {qFieldDefs: ["oneOfYourIdApp"]}}
]},
function (reply) {
bool = reply.qHyperCube.qDataPages;
if(bool.length > 0) {
// pegando os filtros
getSelections();
}
}
);
Ever time you make a new selection, this information will be saved in webstorage.
Now, in your new page (javascript target page), you need to recreate the selections with the values saved in webstorage:
if (app) {
var storedNames = JSON.parse(localStorage.getItem("selectionname"));
var storedValues = JSON.parse(localStorage.getItem("selectionitemtext"));
for (var i=0; i < storedNames.length; i++){
app.field(storedNames[i]).selectMatch(storedValues[i], true);
}
}
Its done!
This solution uses webstorage so the selections will persist even after the browser is closed, to undo the selections you will need to manually clear them in currentselections or by clearing the browser cache.
If you want to avoid this behavior, replace localStorage for sessionStorage, with sessionStorage the information saved will be lost after tab/window is closed (I don't test this last).
This worked for me, hope it works for someone else.
