#Filedrop gridpanel extjs series#
I had problems getting the proper XTemplate configuration to print the grouped data, until I found a way to use nested XTemplates to pass through a series of XTemplate.apply calls to generate the html for the grouped data (and in the end I was happy that I chose to stick with the Printer class framework instead of moving to a custom looping mechanism which I gave a serious thought when getting stuck at various points). The Printer class is based upon the use of ExtJs XTemplates to convert and render data as html. The task required more improvisation and efforts than I thought it would. You would notice that the third column in the GridPanel has 3 different types of components, Buttons, ProgressBars, and TextFields. Make any ExtJS 4 component able to accept file drag/drop from desktop - /index.
#Filedrop gridpanel extjs code#
And just as I was to begin writing code for the same, I came across the wonderful Ext.ux.Printer class from Ed Spencer, that provided the necessary framework for printing any ExtJs component, and out-of-the-box functionality for printing GridPanels and TreePanels.Īnd immediately, I was able to use this class (and associated Renderers) to provide printing support for the GridPanels, until I was asked to enable printing of GridPanels with GroupingViews and optionally configured with a GroupSummary plugin, in a way that the grouped data came across to the printed content. Each row in the grid represents a property of some object, and the data is stored as a set of name/value pairs in s.
A couple of months earlier, I needed to enable client-side printing of ExtJs GridPanels. A specialized grid implementation intended to mimic the traditional property grid as typically seen in development IDEs.
I was thinking of writing this blog entry for sometime now.
0 kommentar(er)
