Search the Community

Hi All! PageSize Extension for UniDBGrid: How to use? 1. Download the file from here https://github.com/loiane/extjs4-ux-paging-toolbar-resizer/blob/master/ux/PagingToolbarResizer.js and copy to the directory /files/ 2. Add CustomFiles in UniServerModule: files/PagingToolbarResizer.js 3. 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.PagingToolbarResizer',{displayText: 'Records per Page', options : [ 5, 10, 15, 20, 25 ]}) })] }); } } http://loianegroner.com/extjs/examples/extjs4-ux-paging-toolbar-resizer/ Sincerely.

Hi! The Callout extension Callout is an extension class, which is a CSS styleable floating callout container with an optional arrow, developed by John Yanarella. It is useful for creating hint overlays and interactive callout windows/popovers... https://github.com/CodeCatalyst/Ext.ux.callout.Callout A live demo is available for this extension at http://lab.codecatalyst.com/Ext.ux.callout.Callout. Exemplary use: 1. Add these files to the project: https://github.com/CodeCatalyst/Ext.ux.callout.Callout/tree/master/build 2. procedure TMainForm.UniButton1Click(Sender: TObject); begin UniSession.AddJS( 'Ext.widget(''callout'', {'+ 'cls: "cartoon",'+ 'width: 200,'+ 'html: "Click anywhere to dismiss this callout window.",'+ 'calloutArrowLocation: "top",'+ 'target: "#'+UniButton1.JSName+'_id",'+ 'relativePosition: "t-b",'+ 'relativeOffsets: [0,10],'+ 'fadeInDuration: 200,'+ 'fadeOutDuration: 200,'+ 'dismissDelay: 5000,'+ '}).show();' ); end; Best regards.

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.