barre slimScroll dans ExtJS 4

J'ai besoin de personnaliser ma barre de défilement. Comment faire ça? J'ai un simple panneau de ceinture. Je veux une barre slimScroll ..... Si ce n'est que possible via JQuery, comment appeler jquery pour slimScroll bar?barre slimScroll dans ExtJS 4

C'est ce que je suis arrivé à ce jour

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

Source

2013-01-13 Zakaria Imtiaz

J'ai une mauvaise idée de la fonctionnalité de stackoverflow. comment faire cela ...... Pls aider comme je suis nouveau dans ce monde. –

Il est possible en utilisant les commandes webkit css mais je ne vois jamais de solution qui fonctionne dans IE. Donc, si vous n'avez pas besoin d'un support multi-navigateur, vous pouvez utiliser cette approche. – sra

Vous pouvez personnaliser la barre de défilement en mettant à jour le fichier SASS et la reconstruction de la boussole en utilisant css.

Source

2013-05-27 07:43:52

barre slimScroll dans ExtJS 4

Répondre

Questions connexes