Google Grafik Tablosu Seçimden kaldır

Question

Şu anda Google grafik tabloları ile çalışıyorum. Seçimlerle ilgili bir sorunum var. Seçimleri kapatmak istiyorum, ama imkansız gibi görünüyor. Bunu kaldırmak için clearChart() yöntemini kullanan seçme bölümdeki olay dinleyicisi gibi (gerçekten çirkin bir şekilde) denedim.

İşte test sourche kodu. i 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> 

Sorun bu onay kutularını kullanırsanız (mavi) seçimi Anoying ve kafa karıştırıcı olmasıdır, bu cant'kullanma unutmayın.

Teşekkürler.

Answer 1

Başka bir seçenek yelpazesi sıfırlamak için geçerli:

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

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

İşte bir örnek: http://jsfiddle.net/Rxnty/

Bu hemen bir yeniden düzenleme gerektirmeden seçimini kaldırır.

Answer 2

İstediğiniz efekti elde etmenin bir yolu, API'ye satır seçildiğinde hangi sınıfın uygulanacağını söylemektir; böylece satırın background-color belirtilmesine izin verilir.

JS:

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

CSS:

.selected { background-color: white; } 

Bunu jsfiddle çalışan görebilirsiniz. "Select" etkinliği tetiklendiğinde