Google Chart Tabela Usuń zaznaczenie

Question

Obecnie pracuję z tabelami wykresów Google. Mam problem z wybranymi opcjami. Chcę wyłączyć selekcje, ale wydaje się to niemożliwe. Próbowałem nawet (naprawdę brzydki sposób) jak detektor zdarzeń w wybranej części, który używa metody clearChart(), aby to usunąć.

Oto kod testu z laboratorium. Zauważ, że nie mogę użyć tego w 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> 

Problem polega na tym, że jeśli będę korzystać z tych pól wyboru przycisk (niebieski) wybór jest denerwujące i mylące.

Dzięki.

Answer 1

Innym rozwiązaniem jest zresetowanie wybór, gdy „wybierz” zdarzenie jest opalane:

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

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

Oto przykład: http://jsfiddle.net/Rxnty/

Ten natychmiast usuwa wybór bez konieczności narysowany.

Answer 2

Jednym ze sposobów uzyskania pożądanego efektu jest przekazanie API informacji o tym, która klasa powinna zostać zastosowana po wybraniu wiersza, co pozwala na określenie wartości background-color wiersza.

JS:

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

CSS:

.selected { background-color: white; } 

Widać to działa na jsfiddle.