jquery - ExtJS 4 中的 slim 滚动条

Question

我需要自定义我的滚动条。怎么做？我有一个简单的网格面板。我想要一个 slimScroll bar...如果只能通过 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);
    }
});

Answer 1

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