アフィリエイト広告を利用しています

広告

posted by fanblog

2019年05月06日

Tabel

//******************TableとFilter****************
function control(){

CategoryFilter = new google.visualization.ControlWrapper({
'controlType': 'CategoryFilter',
'containerId': 'filter_div1',
'options': {'filterColumnIndex': 1,
'ui': { 'labelStacking': 'vertical',
      'caption': 'Select:',
'label': '',
'allowTyping': false,
'allowMultiple': false}
},
});


// '名前' に対する文字列フィルター
var stringFilter = new google.visualization.ControlWrapper({
'controlType': 'StringFilter',
'containerId':'filter_div2',
'options': {
'filterColumnIndex': 0,
'matchType':'any',

}
});


// (Table)
var table = new google.visualization.ChartWrapper({
'chartType': 'Table',
'containerId': 'id_table',
'options' :{'showRowNumber':false, 'allowHtml': true,'frozenColumns':1}
});


var dashboard = new google.visualization.Dashboard(document.getElementById('control_div'))
dashboard.bind([CategoryFilter,stringFilter],table).draw( datatbl);
};


//********************************************************************************************************************
// テーブルで選択された時に値をdataTableから取得する

google.visualization.events.addListener(table, 'ready', onReady);


function onReady() {
google.visualization.events.addListener(table.getChart(), 'select', usefulHandler);
}

// Called
function usefulHandler() {
var selection = dashboard.getSelection();
var message = '';

for (var i = 0; i < selection.length; i++) {
var item = selection[i];
if (item.row != null) {
var str = datatbl.getFormattedValue(item.row, 3);
message += 'row:' + item.row + ', ' + str + '\n';
}
}
alert('You selected \n' + message);
}
【このカテゴリーの最新記事】
検索
<< 2020年01月 >>
      1 2 3 4
5 6 7 8 9 10 11
12 13 14 15 16 17 18
19 20 21 22 23 24 25
26 27 28 29 30 31  
最新記事
写真ギャラリー
最新コメント
タグクラウド
カテゴリーアーカイブ
日別アーカイブ
×

この広告は30日以上新しい記事の更新がないブログに表示されております。