我目前正在使用Google图表表格.我的选择有问题.我想关闭选择,但似乎不可能.我甚至尝试(一种真正丑陋的方式)像选择部分上的事件监听器,它使用方法
clearChart()来删除它.
这是测试的源代码.请注意,我不能在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'],'name2','name2@company.xxx','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>
问题是,如果我使用这些复选框,(蓝色)选择是令人讨厌和混乱的.
谢谢.
解决方法
另一个选项是在触发“select”事件时重置选择:
google.visualization.events.addListener(visualization,'select',selectHandler); function selectHandler() { visualization.setSelection([]) }
这是一个例子:http://jsfiddle.net/Rxnty/
这会立即删除选择而无需重绘.