Skip to content

chaoszcat/Progress-Bar-Column

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

5 Commits
 
 
 
 

Repository files navigation

==============================
Ext.ux.grid.column.ProgressBar
==============================

### Description

A simple column that renders a progress bar in a grid cell.
The progress bar is imageless and uses canvas to render,

### Usage

Ext.define('Sample.Grid',{
    
    extend: 'Ext.grid.Panel',
    requires: ['Ext.ux.grid.column.ProgressBar'],

    store: Ext.create('Ext.data.Store', {
        //....
    }),

    columns: [
        {header: 'Name', dataIndex: 'name', flex: 1},
        {
             xtype: 'progressbarcolumn',
             dataIndex: 'usage',
             header: 'Usage',
             width: 100
        },
    ]
});

### Todo

1. Fallbacks if browser doesn't support canvas, use div instead
2. More color options
3. More configurations
4. By product - standalone progress bar

### Credits

- ExtJS4

About

A very simple image-less progress bar column for ExtJS4.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published