Google Chart Table選択を削除する

Question

現在Googleのグラフテーブルを使用しています。私は選択に問題があります。私は選択をオフにしたいが、それは不可能と思われる。私は、これを削除するためにメソッドclearChart()を使用する選択部分のイベントリスナーのような（実際の醜い方法で）試みました。

テスト用のコードです。私は、問題は、私はこれらのチェックボックスを使用している場合（青）の選択がanoyingと混乱していることであるjsfiddle

<script type="text/javascript" src="https://www.google.com/jsapi" ></script> 
<script type="text/javascript"> 
google.load("jquery", "1"); 

google.load('visualization', '1', {packages:['table']}); 

    function drawVisualization() 
    { 
      var data = google.visualization.arrayToDataTable([ 
      ['', 'Name', 'E-mail', 'Activated', 'Last login'], 
      ['<input type="checkbox">', 'name1', 'name1@company.xxx', true, '20-07-2012'], 
      ['<input type="checkbox">', 'name2', 'name2@company.xxx', true, '21-07-2012'] 

       ]); 

       var options = {}; 
       options['showRowNumber'] = false; 
       options['page'] = 'enable'; 
       options['allowHtml'] = true; 
       options['pageSize'] = 18; 
       options['pagingButtonsConfiguration'] = 'auto'; 

       var visualization = new google.visualization.Table(document.getElementById('table')); 
       visualization.draw(data, options); 
      } 

      google.setOnLoadCallback(drawVisualization); 

</script> 
<div id="table"></div> 

でこれを使用傾けることに注意してください。

ありがとうございました。

Answer 1

別のオプションは、「選択」イベントが発生したときに選択をリセットすることです：

google.visualization.events.addListener(visualization, 'select', selectHandler); 

function selectHandler() { 
    visualization.setSelection([]) 
} 

はここに例を示しますhttp://jsfiddle.net/Rxnty/

は、これはすぐに再描画を必要とせずに選択範囲を削除します。

Answer 2

希望する効果を達成する方法の1つは、行が選択されたときに適用するクラスをAPIに伝え、行のbackground-colorを指定したままにすることです。

JS：

options['cssClassNames'] = {} 
options['cssClassNames']['selectedTableRow'] = 'selected'; 

CSS：

.selected { background-color: white; } 

あなたはそれがjsfiddleに取り組んで見ることができます。