Bảng biểu đồ Google Xóa lựa chọn

Question

Tôi hiện đang làm việc với các bảng biểu đồ của Google. Tôi gặp vấn đề với các lựa chọn. Tôi muốn tắt các lựa chọn, nhưng dường như không thể. Tôi thậm chí đã cố gắng (một cách xấu xí thực sự) như một người nghe sự kiện trên phần chọn sử dụng phương pháp clearChart() để loại bỏ điều này.

Đây là mã sourche thử nghiệm. Lưu ý rằng tôi không thể sử dụng điều này trong 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> 

Vấn đề là nếu tôi sử dụng các hộp kiểm (lựa chọn màu xanh dương) này là anoying và khó hiểu.

Cảm ơn.

Answer 1

lựa chọn khác là để thiết lập lại sự lựa chọn khi "chọn" sự kiện là bắn:

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

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

Dưới đây là một ví dụ: http://jsfiddle.net/Rxnty/

này ngay lập tức loại bỏ các lựa chọn mà không đòi hỏi một vẽ lại.

Answer 2

Một cách để đạt được hiệu quả mà bạn mong muốn là cho API biết lớp nào sẽ được áp dụng khi hàng được chọn, cho phép bạn chỉ định background-color của hàng.

JS:

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

CSS:

.selected { background-color: white; } 

Bạn có thể nhìn thấy nó làm việc trên jsfiddle.