Google Chart Tabella Rimuovi la selezione

Question

Attualmente sto lavorando con le tabelle del grafico di Google. Ho un problema con le selezioni. Voglio disattivare le selezioni, ma sembra impossibile. Ho anche provato (un vero brutto modo) come un listener di eventi sulla parte selezionata che utilizza il metodo clearChart() per rimuovere questo.

Ecco il codice di prova. Si noti che i cant uso questo in 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> 

Il problema è che se uso questi caselle di controllo (blu) offerta anoying e confusa.

Grazie.

Answer 1

Un'altra opzione è quella di ripristinare la selezione quando l'evento "selezionare" viene sparato:

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

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

Ecco un esempio: http://jsfiddle.net/Rxnty/

Questo rimuove immediatamente la selezione senza la necessità di un ridisegno.

Answer 2

Un modo per ottenere l'effetto desiderato è comunicare all'API quale classe deve essere applicata quando viene selezionata la riga, consentendo di mantenere specificato lo background-color della riga.

JS:

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

CSS:

.selected { background-color: white; } 

Lo si può vedere lavorare su jsfiddle.