如何将url参数值传递给Google可视化文件中的字符串过滤器输入 [英] How to pass url parameter value into string filter input in Google visualization

问题描述

您好，我坚持将传递网址参数值转换为Google可视化文件中的字符串过滤器输入。我希望在报表准备好时代替用户类型并从表格中过滤数据时传递网址参数。

例如：http // mypage？id = 1234

  var fteFilter = new google.visualization.ControlWrapper （{$ b $'controlType'：'StringFilter'，
'containerId'：'control_div8'，
'options'：{$ b $'filterColumnLabel'：'FTE Id'，
'matchType'：'any'，
'ui'：{
'labelStacking'：'vertical'，
'label'：'FTE Id：'
} 
} 
 
}）; 
  

解决方案

要获取查询参数，请使用代码你喜欢）：

$ p $ function getQueryVariable（variable）{
var query = window.location.search.substring（ 1）;
var vars = query.split（&）;
for（var i = 0; i< vars.length; i ++）{
var pair = vars [i] .split（=）;
if（pair [0] == variable）{return pair [1];}
}
return（false）;
}


https://css-tricks.com/snippets/javascript/get-url-variables/

添加到您的过滤器状态值。

  var id = getQueryVariable（'id'））; 
 $ b $ var fteFilter = new google.visualization.ControlWrapper（{$ b $'controlType'：'StringFilter'，
'containerId'：'control_fteFilter'，
 
'选项'：{
'filterColumnLabel'：'FTE Id'，
'matchType'：'any'，
'ui'：{
'labelStacking'：'vertical '，
'label'：'FTE Id：'
} 
}，
 state：{
 value：id 
} 
} ）; 
  

将selectedValues数组用于CategoryFilter。

 状态：{
 selectedValues：[id] 
} 
  

Hi i am stuck on pass URL parameter values into string filter input in Google visualization.i want to pass url parameter when report is ready instead of user type on it and filter data from table.

eg :http//mypage?id=1234

var fteFilter = new google.visualization.ControlWrapper({ 
    'controlType': 'StringFilter', 
    'containerId': 'control_div8', 
    'options': {           
      'filterColumnLabel': 'FTE Id' ,
      'matchType':'any',
      'ui': { 
          'labelStacking': 'vertical',
          'label': 'FTE Id :'
        }
    } 

  }); 

解决方案

To get the query parameter use the code (or other that you prefer):

function getQueryVariable(variable) {
       var query = window.location.search.substring(1);
       var vars = query.split("&");
       for (var i=0;i<vars.length;i++) {
               var pair = vars[i].split("=");
               if(pair[0] == variable){return pair[1];}
       }
       return(false);
}

https://css-tricks.com/snippets/javascript/get-url-variables/

Add to your filter the state value.

var id = getQueryVariable('id'));

var fteFilter = new google.visualization.ControlWrapper({ 
    'controlType': 'StringFilter', 
    'containerId': 'control_fteFilter', 

    'options': {           
      'filterColumnLabel': 'FTE Id' ,          
      'matchType':'any',
      'ui': {     
          'labelStacking': 'vertical',
          'label': 'FTE Id :'    
        }
    },
    state: {
        value: id
    }    
  }); 

Use selectedValues array to CategoryFilter.

state: {
    selectedValues: [id]
}

这篇关于如何将url参数值传递给Google可视化文件中的字符串过滤器输入的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！