HZGN.COM
welcome to my space
X
Search:  
Feng Shui | Graphic Design | Cosmetics | Causes and Organizations | Regulatory Compliance | Gadgets and Gizmos | Computer Forensics | Tools and Equipment | Related articles
Welcome to:hzgn.com
NAVIGATION: Home >>
Progress bar extension.
Published by: smith 2009-01-07

  • Hi, all.

    This extension is a very simple realization of progress bar component.
    There are two classes:
    Ext.ux.ProgressBar, which inherits from Ext.BoxComponent and
    Ext.ux.ProgressBarItem, which inherits from Ext.Toolbar.Item and delegates to Ext.ux.ProgressBar.

    The screenshoot and extension package are attached to the message. The api is simple but if anyone will have questions, I'll do my best to answer.


  • Works great now thanks!!
    Will be sure to check out the UploadDialog extension as well!


  • IE Style bugfix.


  • This looks great, I am experimenting with Ext 1.1 to see what its all about.

    Do you have a sample of how one would use this progress bar?
    I can't seem to get it to work, I guess I am pretty dumb when it comes to Ext things right now!

    I have :


    progress = new Ext.ux.ProgressBar( {id:'statusbar.progress'} );
    progress.setValue(12);
    progress.render( Ext.get('statusbar.progress') ) ;






    But nothing happens?


  • Use it like any other toolbar item, it will be rendered by the toolbar automaticaly.
    var tb = new Ext.Toolbar('container_id');
    var progress_bar = tb.addItem(new Ext.ux.ProgressBarItem({value: 35}));
    Indeterminate Progress Bar with Tile::
    Nov 6, 2005 Kevin Walzer: One of the coolest things about the Tile extension is its support for a native progressbar. This makes it easy to set up
    http://wiki.tcl.tk/12786
    HOME


    Please notice that file posted in the thread first message is outdated and contains bugs, the last version of the Ext.ux.ProgressBar is included in the another my extension Ext.ux.UploadDialog (http://max-bazhenov.com/dev/ExtJS.ux/Ext.ux.UploadDialog.zip)


  • I noticed there is a ProgressBarItem class in the .js file as well, can you post an example on how to add a ProgressBarItem to a toolbar dynamically? I know you just add an instance of it to the toolbar, but I'm not sure how to go about rendering it correctly after it's dynamically added to the toolbar via the toolbar's .add() method.
  • Nabble - Wicket - User - Progress Bar::
    11 posts - Last post: Nov 12, 2008Progress Bar. Hi all, I am using the progress bar found at extensions. Is it possible to translate the words of the message that appear at
    http://www.nabble.com/Progress-Bar-td20462800.html
    HOME


  • Yes, I know but I am not in that list yet.


  • FYI, there is an official Ext ProgressBar in 2.0 for anyone who has SVN access.


  • Try to change span to div, or td any block element will do.
    Also there is a bug in getPercentValue() method, try to replace it with following

    getPercentValue : function(value)
    {
    value = value this.value;
    var gap = this.max - this.min;
    value -= this.min;
    return Math.round(value * 100 / gap);
    },

    Or download my UploadDialog extension (http://max-bazhenov.com/dev/ExtJS.ux/Ext.ux.UploadDialog.zip), the updated progress bar extension is included in the package


  • No problem -- just mentioning it in case anyone else reads this and is looking for the same thing in 2.0 :). Your version should still be quite useful for anyone on 1.1.





  • Red Hat's Rough Recovery From CFO Exit
    Windows Live Finds a New, Pre-installed Home

    #If you have any other info about this subject , Please add it free.#
    Your name:
    E-mail:
    Telphone:

    Your comments:


    If you have any other info about Progress bar extension. , Please add it free.
    About us |Contact us |Advertisement |Site map |Exchange links
    Copyright© 2008hzgn.com All Rights Reserved