ExtJS 4 slimScroll bar

我需要自定義我的滾動條。怎麼做？我有一個簡單的網格面板。我想要一個slimScroll欄.....如果只能通過jQuery，如何爲slimScroll欄調用jquery？ExtJS 4 slimScroll bar

這是我走到這一步，

Ext.define('TestApplication.view.display.DisplayOne' ,{ 
    extend  : 'Ext.grid.Panel', 
    alias  : 'widget.displayOne', 
    height  : 280, 
    width  : 742, 
    padding : 4, 
    viewConfig : { 
     stripeRows : true, 
     forceFit : true, 
     emptyText : 'No Records to display', 
     getRowClass: function(record, index) { 
      if (record.get('empNo') == '000') { 
       return 'display-false'; 
      } 
     } 
    }, 
    initComponent: function() { 
     this.store = 'RegistrationStore'; 
     this.columns = [ 
      { 
       xtype : 'rownumberer', 
       width : 40, 
       sortable : false 
      }, 
      { 
       text  : 'Employee ID', 
       sortable : false, 
       dataIndex: 'empNo', 
       sortable : false 
      }, 
      { 
       text  : 'Employee Name', 
       sortable : false, 
       dataIndex: 'fname', 
       sortable : false, 
       flex  : 1 
      }, 
      { 
       text  : 'Gender', 
       sortable : true, 
       dataIndex: 'gender', 
       sortable : false 
      },  
      { 
       text  : 'Branch', 
       sortable : true, 
       dataIndex: 'branch', 
       sortable : false 
      }, 
      { 
       text  : 'Religion', 
       sortable : true, 
       dataIndex: 'religion', 
       sortable : false 
      }, 
      { 
       text  : 'Marital', 
       sortable : true, 
       dataIndex: 'marital', 
       sortable : false 
      } 
     ]; 

     this.callParent(arguments); 
    } 
});

來源

2013-01-13 Zakaria Imtiaz

我對stackoverflow的功能有一個不好的主意。怎麼做......請幫助，因爲我是這個世界的新手。 –

它可以通過使用webkit css命令，但我從來沒有看到任何解決方案，在IE中工作。所以如果你不需要跨瀏覽器的支持，你可以使用這種方法。 – sra

您可以通過更新SASS文件，並使用指南針重建的CSS自定義滾動條。

來源

2013-05-27 07:43:52

ExtJS 4 slimScroll bar

回答

相關問題