Tweet
It had been a want of mine in several apps that i have used the grid component,..... for me to be able to print the records currently in the grid..(records in the store).
but i didn't want to take the time to write the rpg on the back end to create the PDF...alot of times i just want to give the user ability to quickly print what they currently see.
I came across an awesome plugin that allows you to do just that. It will take the records that are currently in the grids store and create a nicely formatted table that is printer friendly! I have gotten this to work with ExtJS 4.2 and also have gotten it to work with an app created in Architect.
I thought i would share with everybody . . . below is the code and demo. This has already made my life easier putting out quick ways to print data.
Code: https://github.com/loiane/extjs4-ux-gridprinter
Demo: http://loianegroner.com/extjs/exampl...x-gridprinter/
Blog post: http://loianegroner.com/2011/09/extj...printer-plugin
bonus...if the user decides to change the sort order by clicking on the columns...or if they choose to omit fields in their grid..the print plugin will adjust and print how they are currently viewing the data.
you can also use the mainTitle property to add a title to the printout.
i have included two screen shots...one is of the grid. If the user clicks on the printer icon in the upper right near the close button it will generate the printable table seen in the next screen shot.
grid.jpggridprint.jpg
but i didn't want to take the time to write the rpg on the back end to create the PDF...alot of times i just want to give the user ability to quickly print what they currently see.
I came across an awesome plugin that allows you to do just that. It will take the records that are currently in the grids store and create a nicely formatted table that is printer friendly! I have gotten this to work with ExtJS 4.2 and also have gotten it to work with an app created in Architect.
I thought i would share with everybody . . . below is the code and demo. This has already made my life easier putting out quick ways to print data.
Code: https://github.com/loiane/extjs4-ux-gridprinter
Demo: http://loianegroner.com/extjs/exampl...x-gridprinter/
Blog post: http://loianegroner.com/2011/09/extj...printer-plugin
bonus...if the user decides to change the sort order by clicking on the columns...or if they choose to omit fields in their grid..the print plugin will adjust and print how they are currently viewing the data.
you can also use the mainTitle property to add a title to the printout.
i have included two screen shots...one is of the grid. If the user clicks on the printer icon in the upper right near the close button it will generate the printable table seen in the next screen shot.
grid.jpggridprint.jpg
Comment