replace vanilla data grid with Enhanced grid that has checkbox selection

GMOD · May 4, 2012 · 434927a · 434927a
1 parent 6b91fe8
commit 434927a
Show file tree

Hide file tree

Showing 3 changed files with 22 additions and 12 deletions.
diff --git a/faceted_track_selector.css b/faceted_track_selector.css
@@ -1,3 +1,16 @@
+/* Dojo and Dijit stuff */
+
+@import url("jslib/dijit/themes/tundra/tundra.css");
+@import url("jslib/dojox/grid/resources/Grid.css");
+@import url("jslib/dojox/grid/resources/tundraGrid.css");
+@import url("jslib/dojox/grid/enhanced/resources/tundra/EnhancedGrid.css");
+
+.dojoxGrid table {
+  margin: 0;
+}
+
+/* JBrowse stuff */
+
 #faceted_tracksel {
     font-size: 130%;
     background: #c7dbf1;

diff --git a/genome.css b/genome.css
@@ -3,10 +3,3 @@
 /* CSS styles for the various types of feature glyphs */
 @import url("feature_styles.css");
 @import url("faceted_track_selector.css");
-
-@import url("jslib/dojox/grid/resources/Grid.css");
-@import url("jslib/dojox/grid/resources/tundraGrid.css");
-
-.dojoxGrid table {
-  margin: 0;
-}
diff --git a/js/View/TrackList/Faceted.js b/js/View/TrackList/Faceted.js
@@ -9,9 +9,8 @@ dojo.declare( 'JBrowse.View.TrackList.Faceted', null,
      * @constructs
      */
    constructor: function(args) {
-       dojo.require('dojox.grid.DataGrid');
-       dojo.require('dojo.data.ItemFileWriteStore');
-       dojo.require('dojo.store.Memory');
+       dojo.require('dojox.grid.EnhancedGrid');
+       dojo.require('dojox.grid.enhanced.plugins.IndirectSelection');
        dojo.require('dijit.layout.AccordionContainer');
        dojo.require('dijit.layout.AccordionPane');
 
@@ -54,15 +53,20 @@ dojo.declare( 'JBrowse.View.TrackList.Faceted', null,
     renderGrid: function() {
         // make a data grid that will hold the search results
         var facets = this.trackDataStore.getFacets();
-        this.dataGrid = new dojox.grid.DataGrid({
+        this.dataGrid = new dojox.grid.EnhancedGrid({
                id: 'trackSelectGrid',
                region: 'center',
                store: this.trackDataStore,
                structure: [
                    dojo.map( facets, function(facetName) {
                      return {'name': Util.ucFirst(facetName), 'field': facetName, 'width': '100px'};
                    })
-               ]
+               ],
+               plugins: {
+                   indirectSelection: {
+                       headerSelector: true
+                   }
+               }
            }
        );
         this.mainContainer.addChild( this.dataGrid );