topic Re: List selection not working in Qliksense Mashup in Integration, Extension & APIs

List selection not working in Qliksense Mashup

santlal0589 — Thu, 20 Jul 2017 18:23:15 GMT

Below code not working,

value of field is coming but selection is not happening in field Department.

Kindly help

Callback function:

function ListDep(reply, app){

console.info(reply);

$("#ListDep").empty();

var qObject=reply.qListObject;

$.each(qObject.qDataPages[0].qMatrix,function(){

var item=this[0];

var selt="";

if(item.qState == "S"){

currentReg=item.qText;

selt = " style=\"font-weight:bold;\"";

}

$("#ListDep").append('<li><a data-select="'+ item.qText+'" href="#">'+ item.qText + '</a></li>');

});

$("#ListDep li").click(function(){

var value = $(this).text();

app.field('Department').selectMatch(value,false);

});

}

//open apps -- inserted here --

var app = qlik.openApp('Helpdesk Management.qvf', config);

//get objects -- inserted here --

app.getObject('QV01','hRZaKk');

//create cubes and lists -- inserted here --

app.createList({

"qFrequencyMode": "V",

"qDef": {

"qFieldDefs": [

"Department"

]

"qExpressions": [],

"qInitialDataFetch": [

{

"qHeight": 20,

"qWidth": 1

}

"qLibraryId": "RBBKJP"

}, ListDep);

} );

Re: List selection not working in Qliksense Mashup

ErikWetterberg — Fri, 21 Jul 2017 08:02:27 GMT

Hi,

It might be because you take the text of the li element, which might include whitespace ( check jQuery documentation).

Perhaps you should use the data-select attribute?? Even better is to use the selectValues method. In that case you should save qElemNumber in an attribute instead.

Hope this helps

Erik Wetterberg

Re: List selection not working in Qliksense Mashup

santlal0589 — Fri, 21 Jul 2017 13:44:09 GMT

Thanks for reply Erik.

Kindly elaborate the 2nd part of solution "you should save qElemNumber in an attribute instead."

Re: List selection not working in Qliksense Mashup

ErikWetterberg — Sat, 22 Jul 2017 13:17:14 GMT

Hi,

Something like this(not actually tested):

qListObject.qDataPages[0].qMatrix.forEach( function ( row ) {
  html += '<li data-value="' + row[0].qElemNumber + '">' + row[0].qText + '</li>';
});

$("#ListDep li").click( function () {
 if ( this.hasAttribute( "data-value" ) ) {
  var value = parseInt( this.getAttribute( "data-value" ), 10 );
  app.field('Department').selectValues( [value], false );
 }}
);

Hope this helps

Erik Wetterberg

Re: List selection not working in Qliksense Mashup

santlal0589 — Sun, 23 Jul 2017 09:19:49 GMT

implemented above code , error coming qElemNumber not defined.

Erik can you provide sample Code for LIST creation

Re: List selection not working in Qliksense Mashup

pathiqvd — Sun, 06 Aug 2017 10:36:45 GMT

Hi,

Try this one,

In js:-

app.createList({

"qFrequencyMode": "V",

"qDef": {

"qFieldDefs": [

"YEAR"

]

"qExpressions": [],

"qInitialDataFetch": [

{

"qHeight": 20,

"qWidth": 1

}

"qLibraryId": null

},showData);

$(document).on( "click", "[data-select]", function() {

var value = $(this).data('select');

app.field('YEAR').selectValues([value], false, false);

$('#QV011 .dropdown button').html(value + ' <span class="caret"></span>');

});

function showData(reply, app){

$('#QV011 .dropdown ul').empty()

$.each(reply.qListObject.qDataPages[0].qMatrix, function(key, value) {

if (typeof value[0].qText !== 'undefined') {

$('#QV011 .dropdown ul').append('<li><a data-select="'+ value[0].qText+'" href="#">'+ value[0].qText+'</a></li>');

}

});

}

In Html:-

Year

</button>

</ul>

</div>

Thanks & Regards,

Re: List selection not working in Qliksense Mashup

santlal0589 — Wed, 09 Aug 2017 19:47:10 GMT

showing error at

$.each(reply.qListObject.qDataPages[0].qMatrix, function(key, value)

Re: List selection not working in Qliksense Mashup

santlal0589 — Wed, 16 Aug 2017 12:35:10 GMT

You code works in Qlik sense Desktop

but in case of HUB getting below problem

After inspect getting following