Progress Bar Pager Extension

[Sherzod]

Hi All! 

 

There is a solution for the Progress Bar Pager. 

 

 

 

How to use?

 

1. You need to include the file "ProgressBarPager.js". One way to, copy the file "ProgressBarPager.js" from the directory "C:\Program Files\FMSoft\Framework\uniGUI\ ext-4.2.1.883\examples\ux" to the directory "... /Files/"

 

add CustomFiles in UniServerModule: 

files/ProgressBarPager.js

2. Add beforerender function in UniDBGrid:

function beforerender(sender, eOpts)
{   
  if (sender.pagingBar) {    
    sender.pagingBar.hide();
    sender.pagingBar.border = "0 none";    
    sender.pagingBar.destroy();
    sender.addDocked(
         {dock: 'bottom',           
          items: [Ext.create('Ext.PagingToolbar', {            
            pageSize: sender.store.pageSize,
            store: sender.store,
            displayInfo: true,            
            plugins: Ext.create('Ext.ux.ProgressBarPager', {width: 300})
          })]
         });       
  }         
}

 

http://docs.sencha.com/extjs/4.1.3/extjs-build/examples/grid/progress-bar-pager.html

 

 

Sincerely.

[Farshad Mohajeri]

Good.

Thanks

[billyChou]

Thanks

[rullomare]

Thanks

[Semper]

Thanks

[Hayri ASLAN]

thanks

[rencarnacion]

Excellent !!

[ChenHaibin]

How to change the font size of text ?

 

For example displays Chinese font need large fonts.

 

[Sherzod]

Hi Hank. 

 

One of the solutions, try: 

 

UniDBGrid1 -> ClientEvents -> ExtEvents ... add the afterrender function 

function afterrender(sender, eOpts)

{

  sender.getEl().select('.x-progress-text').each(function (el) {el.setStyle("font-size", "14px")})  

}

Sincerely.

[ChenHaibin]

 It's work well,Thank you!

[DFong]

Adding the code for the UniDBGrid in the beforerender clientevent to support the ProgressBarPager no longer works with the upgrade to ExtJS 4.2.2.  Any form which contains a UniDBGrid with this code no longer renders correctly (just a blank form with corrupted title bar).

I compared the code in ProgressPagerBar.js that is distributed in the latest release (v0.97 Build 1079) and it is unchanged from the version distributed in v0.97 Build 1073 in which everything was still working fine.

Any ideas?

Thanks!

[chefdackel]

Adding the code for the UniDBGrid in the beforerender clientevent to support the ProgressBarPager no longer works with the upgrade to ExtJS 4.2.2.  Any form which contains a UniDBGrid with this code no longer renders correctly (just a blank form with corrupted title bar).

I compared the code in ProgressPagerBar.js that is distributed in the latest release (v0.97 Build 1079) and it is unchanged from the version distributed in v0.97 Build 1073 in which everything was still working fine.

Any ideas?

Thanks!

 

seems to be the same issue I found today with the extension from Delphi Developer/Mr. ganzqy. Looking also for a solution:

 

http://forums.unigui.com/index.php?/topic/4210-pagesize-extension-for-unidbgrid/?p=22692

[Farshad Mohajeri]

initialization

  UniAddJSLibrary('examples/ux/ProgressBarPager', False, [upoFolderJS, upoPlatformDesktop]);

function beforerender(sender, eOpts)

{

    if (sender.pagingBar) { 

      sender.removeDocked(sender.pagingBar, true);

      sender.addDocked(

         {dock: 'bottom',          

          items: [Ext.create('Ext.PagingToolbar', {           

            pageSize: sender.store.pageSize,

            store: sender.store,

            displayInfo: true,           

            plugins: Ext.create('Ext.ux.ProgressBarPager', {width: 300})

          })]

         });      

  }        

}

[ganzqgy]

This is not good, should be modified in the original place（pagingBar）.