slimScroll bar in ExtJS 4

Question

我需要定制我的滚动条。怎么做呢?我有一个简单的网格面板。我想要一个滑动滚动条.....如果只能通过JQuery实现，如何调用jquery的slimScroll条?

这是我目前得到的

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

Answer 1

您可以通过更新sass文件并使用compass重新构建css来定制滚动条。