iReport.views.GeneTablePanel = Ext.extend(Ext.Panel, {
  
    initComponent: function(){
      this.cls = "genetable"
      this.id = "geneTable"
      this.styleHtmlContent = true
      
      this.chart = new Ext.Panel({
        html: '<div id="geneTableLabel"></div><table cellpadding="2" cellspacing="2" border="1px" style="border:1px solid #ccc"></table>',
      })
      
      this.chart.on('afterrender', this.loadData, this);

      this.items = [this.chart]

      iReport.views.GeneTablePanel.superclass.initComponent.call(this);
    },
    
    loadData: function(){
      var that = this
      
      that.chart.el.mask('Loading...', 'x-spinner');
      
      // set global
      var matrix = that.matrix
      gSelType = matrix
      
      var geneTable = new genetable();
      geneTable.init();
      
      setTimeout(function(){
        that.chart.el.unmask()  
      }, 1000)
      
    }
});

Ext.reg('genetablepanel', iReport.views.GeneTablePanel);