Sherzod Posted May 19, 2014 Share Posted May 19, 2014 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. 4 Quote Link to comment Share on other sites More sharing options...
Administrators Farshad Mohajeri Posted May 19, 2014 Administrators Share Posted May 19, 2014 Good. Thanks Quote Link to comment Share on other sites More sharing options...
billyChou Posted May 19, 2014 Share Posted May 19, 2014 Thanks Quote Link to comment Share on other sites More sharing options...
rullomare Posted May 19, 2014 Share Posted May 19, 2014 Thanks Quote Link to comment Share on other sites More sharing options...
Semper Posted May 19, 2014 Share Posted May 19, 2014 Thanks Quote Link to comment Share on other sites More sharing options...
Hayri ASLAN Posted May 20, 2014 Share Posted May 20, 2014 thanks Quote Link to comment Share on other sites More sharing options...
rencarnacion Posted May 20, 2014 Share Posted May 20, 2014 Excellent !! Quote Link to comment Share on other sites More sharing options...
ChenHaibin Posted July 9, 2014 Share Posted July 9, 2014 How to change the font size of text ? For example displays Chinese font need large fonts. Quote Link to comment Share on other sites More sharing options...
Sherzod Posted July 9, 2014 Author Share Posted July 9, 2014 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. Quote Link to comment Share on other sites More sharing options...
ChenHaibin Posted July 9, 2014 Share Posted July 9, 2014 It's work well,Thank you! Quote Link to comment Share on other sites More sharing options...
DFong Posted September 23, 2014 Share Posted September 23, 2014 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! Quote Link to comment Share on other sites More sharing options...
chefdackel Posted September 23, 2014 Share Posted September 23, 2014 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 Quote Link to comment Share on other sites More sharing options...
Administrators Farshad Mohajeri Posted September 24, 2014 Administrators Share Posted September 24, 2014 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}) })] }); } } Quote Link to comment Share on other sites More sharing options...
ganzqgy Posted September 24, 2014 Share Posted September 24, 2014 This is not good, should be modified in the original place(pagingBar). Quote Link to comment Share on other sites More sharing options...
Recommended Posts
Join the conversation
You can post now and register later. If you have an account, sign in now to post with your account.