Hi there,
I was wondering if there was any callback function after triggering selectValues API.
This is broadly what we are doing (trough angularJS) : we display some KPIs (items) from qlik in an html page.
Then we want to be able to update those items based on a list values (company departments), so KPI are updated accordingly.
We want to display a list of these values, select one or more, then apply to the displayed tiems (quiksense filter (?))
Based on tutorials i've seen on Qlik's Youtube, this is my cleaned up code :
$scope.app.createList({
"qDef":{
"qFieldDefs":["Departments"]
},
"qInitialDataFetch":[{
qTop:0,
qLeft:0,
qHeight:10,
qWidth:0
}]
}, function(reply){
$('#dptFilter').empty();
var qObject = reply.qListObject;
//if we have some values
if(qObject.qDataPages[0].qMatrix && qObject.qDataPages[0].qMatrix.length>0){
$.each(qObject.qDataPages[0].qMatrix, function(){
var item=this[0];
var selT="";
//check if item is selected and apply class
if (item.qState=="S"){
currentReg=item.qText;
selT=" filtActive";
}
//output to HTML
$('#dptFilter').append('<div class="col-xs-4'+selT+'"><a>'+item.qText+'</a></div>');
});
var selArray=[];
//check if item is already in array
function checkArray(arr,item){
var index=-1;
$.each(arr,function(i){
if(this.qText==item.qText){
index=i;
return false;
}
});
return index;
}
//on click on an item, remove or add it to the selection array
$('#dptFilter div').click(function(){
var sel={qText:$(this).text()};
var index=checkArray(selArray,sel);
if(index>-1){
$(this).removeClass('filtActive');
selArray.splice(index,1);
}else{
$(this).addClass('filtActive');
selArray.push({qText:$(this).text()});
}
});
//on click on submit button, trigger selectValues method
$("#submitDptFilt").click(function(){
$scope.app.field("Departments").selectValues(selArray,false,true);
})
}
//else, no values -> hide container
else{
$('#filtersContainer').hide();
}
});
Because we have 30-40 KPI items in the page (displayed through expand/collapse feature or modal, but all in DOM), the selectValues method can take a while, somehow freezing the page while working on, during a few seconds.
My question is then :
Is there a way to have a callback on this method ? I mean in order to know when is has finished filtering and updating all KPIs in client's browser.
This way i could display a loading overlay and remove it when done.
Many thanks !
