如何在Tableau Javascript API中的参数更改事件上获取所选参数的值

Question

I have following code can anyone help me upon this:

  $(document).ready( 
    function(){     
        viz = loadReport('<?php echo $url; ?>', 'viz', $(window).height()-$('#viz').offset().top-10, '100%','<?php echo ($login->hide_toolbar==1?true:false); ?>','<?php echo ($login->hide_tabs==1?true:false); ?>', function(){
            viz.addEventListener(tableau.TableauEventName.TAB_SWITCH, onTabSwitch);
            viz.addEventListener(tableau.TableauEventName.PARAMETER_VALUE_CHANGE, onParameterValueChange);
            prepareSavedViewState();
        });

    }
);

 function onParameterValueChange(e){
    //e.preventDefault();
    //alert(e.getEventName());
    //alert(e.getParameterName());
    //alert(e.getParameterName().getCurrentValue());
    //alert(e.getCurrentValue());
    //alert(e.Parameter.getCurrentValue());
    //alert(Parameter.getCurrentValue());
    alert(e.getParameterAsync().getCurrentValue());
}

I am trying to get value of selected parameter of tableau dashboard on live server but not getting the value. Actually parameter object is working fine but not understanding how to get value.

Answer 1

You got the event wiring right. In your onParameterValueChange function you need to call getParameterAsync and the used the returned promise object to get the actual parameter value.

See this sample:

function onParameterValueChange(e){
   e.getParameterAsync().then(function(param){
      alert(''+param.getName()
              +' of Type '+param.getDataType()
              +' has value '+param.getCurrentValue().formattedValue);
   });
}