jquery - ExtJS 4 の slimScroll バー

Question

スクロール バーをカスタマイズする必要があります。どうやってするか？シンプルなグリッドパネルがあります。私はslimScrollバーが欲しい..... JQueryを介してのみ可能である場合、slimScrollバーのjqueryを呼び出す方法は?

これは私がこれまでに得たものです

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);
    }
});