Obecnie pracuję z tabelami Google Wykres. Mam problem z wybórami. Chcę wyłączyć wybory, ale wydaje się być niemożliwe. Próbowałem nawet (prawdziwy brzydki sposób) jak słuchacz zdarzeń na stronie Wybierz, który wykorzystuje metodę Clearchart () do usunięcia tego.

Oto kod źródłowy testu. Zauważ, że nie mogę tego użyć 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 korzystam z tych pola wyboru (niebieski) wybór jest denerwujący i mylący.

Dzięki.

8
Ron van der Heijden 2 sierpień 2012, 14:47

2 odpowiedzi

Najlepsza odpowiedź

Inną opcją jest zresetowanie wyboru po zwolnieniu zdarzenia "Wybierz":

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

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

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

Natychmiast usuwa wybór bez konieczności ponownego przeceniania.

14
Greg Ross 27 sierpień 2012, 02:56

Jednym ze sposobów, aby osiągnąć to, jaki pragniesz efektem, jest opowiedzieć API, jakie klasa powinna być stosowana po wybraniu wiersza, umożliwiając zachowanie określenia background-color wiersza.

JS:

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

CSS:

.selected { background-color: white; }

Możesz zobaczyć to działa na jsfiddle.

2
cchana 2 sierpień 2012, 14:58