PDA

View Full Version : [3/17/08] ux.ProgressPagingToolbar - Now with animation for the ProgressBar updates



jay@moduscreate.com
22 Jan 2009, 7:29 PM
I was working on this tonight, and I halted due to some bugs in the 3.x framework.


http://tdg-i.com/img/screencasts/2009-03-17_1612.png

[update 3/17/08]
I've updated the ux so it has animations. Also for the 3.0 users, the plugin is now available in the zip file.

Blog post: http://tdg-i.com/82/adding-animation-to-the-uxprogresspagingtoolbar

Click here for an online implementation: http://tdg-i.com/js/examples/ext/tdgiux/progressPagingToolbar/

stumpy_uk
23 Jan 2009, 2:14 PM
Wow this looks awesome!!

mjlecomte
23 Jan 2009, 4:39 PM
My thought would be to watch the StatusBar class. It also broke with the new stuff in Ext 3, so they haven't ported it to 3 yet.

wemerson.januario
24 Jan 2009, 10:18 AM
Sounds good!

calavera
24 Jan 2009, 8:30 PM
This would be great!

jay@moduscreate.com
26 Jan 2009, 3:41 AM
My thought would be to watch the StatusBar class. It also broke with the new stuff in Ext 3, so they haven't ported it to 3 yet.

Cool, i'll keep an eye out for it. :)


Question though - what does the status bar have to do w/ the paging toolbar? they are two separate classes. :-?

jay@moduscreate.com
26 Jan 2009, 4:49 AM
Ping for anyone subscribed, example code has been attached, will setup a demo page later today :)

mjlecomte
26 Jan 2009, 4:55 AM
As to what they have to do with each other, both Status and Paging Toolbars extend from Toolbar. Toolbar changed to Container.
Would be nice if ProgressBar, StatusBar are implemented so they could drop in to other containers. Just for example, maybe someone would like to drop ProgressBar into LiveGrid, so may want to just specify it in standard toolbar.

jay@moduscreate.com
26 Jan 2009, 5:33 AM
Great points MJ.

That would suggest that we could use a plugin to accomplish the integration.

I think for Ext 3, a plugin could be created relatively simply, now that i read your msg :). I am going to shoot for that next dude. I think i have an approach that will work :D

dreas
11 Mar 2009, 7:02 AM
Pretty cool stuff, I just thought this would actually work like that


| ##### |instead of


|########## |when displaying 6 - 10 of 50.

jay@moduscreate.com
11 Mar 2009, 7:05 AM
see: http://tdg-i.com/js/examples/ext/tdgiux/progressPagingToolbar/

dreas
11 Mar 2009, 7:40 AM
Sure, I've seen that, I just thought it'd make more sense showing just the page in the progress bar that's actually being shown in the grid instead of the whole part from page one up to the current one.

But maybe that's just me. ;) Still great stuff as it is!

Remy
11 Mar 2009, 10:23 AM
You could do both by having the progress bar indicate where in the recordset you were and a marquee or other indicating the percentage slice of the records you are looking at?

Something like the attached pic?

jay@moduscreate.com
17 Mar 2009, 12:21 PM
Ping for any subscribers, i've added animations to the progress paging toolbar.

see; http://tdg-i.com/82/adding-animation-to-the-uxprogresspagingtoolbar