ExtJS 4: Grid Printer Plugin

[TexasSteve99]

I have submitted a pull request for my grouping changes. I also added support for summary and groupingsummary features. They have been tested under 4.1.3 and 4.2.1.

Steve

[orenmeidan]

Hi,

Thanks for the great plugin.

In my renderer function I use information from the meta.record. since it's not existing in the meta definition, I got an error.

I fixed it by changing:
var meta = {item: '', tdAttr: '', style: ''};
to
var meta = {item: '', tdAttr: '', style: '',record:item};

You might want to consider changing it.

[Delphine]

I use this plugin. All is ok but I can't have my meta personnalized.

In my gris, I have :

column.renderer = function(value, meta) {                    
var tabVal = value.split(',');
                    if (tabVal.length > 1) {
                        var valTmp = tabVal[1].split('|');
                        // On met un style uniquement pour l'intérieur de la grille
                        if (valTmp.length > 1) {
                            meta.tdCls = 'td-grille-kiela';
                            if (valTmp[1] != '') {
                                // On colore le fond des cellules en fonction de ce qui est posé
                                meta.style = "background-color: #" + valTmp[1] + ";";
                                if (valTmp[2] == 'K')
                                    meta.style += "color: #C0C0C0;";


                                // Demi journée
                                if (valTmp[3] == 1) {
                                    meta.tdCls = 'td-grille-kiela-demijour';
                                }


                                // Commentaire de la saisie
                                if (valTmp[4] != '' && valTmp[4] != 'grille') {
                                    meta.tdAttr = 'data-qtip="' + Ext.String.htmlEncode(valTmp[4]) + '"';
                                    meta.style += "background-image:url(/app/ressources/images/fam/comment_petit.png);";
                                    meta.style += "background-repeat:no-repeat;";
                                }
                            }
                        }
                    } else {
                        var valTmp = value.split('|');
                        if (value.indexOf('|') > 0) // On ne met l'italic que sur l'intérieur du tableau, pas le nom
                            meta.style = "font-style: italic; color: #C0C0C0;";
                    }
                    return valTmp[0];
                };

If I look meta (with console.log(meta) ), I have this :

Object {item: "", tdAttr: "", style: "background-color: #6EDCAB;", tdCls: "td-grille-kiela"}

But in the opened windows, the columns have no meta.
How can I apply this meta ?

Thanks in advance !

[TexasSteve99]

Sorry about that. Record is not in the documentation. I will do some snooping and add the missing fields. I will let you know when the fix is available.

Steve

[TexasSteve99]

The Grid Printer has not ever supported using the Meta in the output. I was considering updating it to do that but it will need several changes to do so. The change I posted adds the following features:

1) Uses Ext.Grid.ColumnManager in Ext 4.2 to support Grid reconfigure().
2) Align grid items according to the column's align property.
3) Supports summary and groupingsummary features.
4) Calls the Summary renderer to get properly formatted values.

Thanks,

Steve

I use this plugin. All is ok but I can't have my meta personnalized.

In my gris, I have :

column.renderer = function(value, meta) {                    
var tabVal = value.split(',');
                    if (tabVal.length > 1) {
                        var valTmp = tabVal[1].split('|');
                        // On met un style uniquement pour l'intérieur de la grille
                        if (valTmp.length > 1) {
                            meta.tdCls = 'td-grille-kiela';
                            if (valTmp[1] != '') {
                                // On colore le fond des cellules en fonction de ce qui est posé
                                meta.style = "background-color: #" + valTmp[1] + ";";
                                if (valTmp[2] == 'K')
                                    meta.style += "color: #C0C0C0;";


                                // Demi journée
                                if (valTmp[3] == 1) {
                                    meta.tdCls = 'td-grille-kiela-demijour';
                                }


                                // Commentaire de la saisie
                                if (valTmp[4] != '' && valTmp[4] != 'grille') {
                                    meta.tdAttr = 'data-qtip="' + Ext.String.htmlEncode(valTmp[4]) + '"';
                                    meta.style += "background-image:url(/app/ressources/images/fam/comment_petit.png);";
                                    meta.style += "background-repeat:no-repeat;";
                                }
                            }
                        }
                    } else {
                        var valTmp = value.split('|');
                        if (value.indexOf('|') > 0) // On ne met l'italic que sur l'intérieur du tableau, pas le nom
                            meta.style = "font-style: italic; color: #C0C0C0;";
                    }
                    return valTmp[0];
                };

If I look meta (with console.log(meta) ), I have this :

Object {item: "", tdAttr: "", style: "background-color: #6EDCAB;", tdCls: "td-grille-kiela"}

But in the opened windows, the columns have no meta.
How can I apply this meta ?

Thanks in advance !

[Dmoney]

Does anyone have this working with summary grids. The plugin works great for me with standard grids but with my summary grids all I get are the headings.

[TexasSteve99]

Does anyone have this working with summary grids. The plugin works great for me with standard grids but with my summary grids all I get are the headings.

I recently posted code on GitHub to add support for Summary and Grouping Summary Grid Features. You can download it by going to the following URL: https://github.com/loiane/extjs4-ux-gridprinter and pressing the download button.

Within the next couple weeks, I hope to posting code to support the following:

Complete Metadata object.
Support for server generated summaries.
Printing Tree grids.

Thanks,

Steve

[smstid]

Hi
Is there a way to extend your nice plugin with rowbody

I have been using Eds original plugin before that I modified to print the row body, but have now switch to using yours and has been playing with the code without success for printing the row body.

Regards Max

[TexasSteve99]

Loiane Groner, the original author of the Grid Printer plugin, added code for RowExpander. I have never used that or RowBody. You would be best to reply to one of her posts for help.

Steve

Hi
Is there a way to extend your nice plugin with rowbody

I have been using Eds original plugin before that I modified to print the row body, but have now switch to using yours and has been playing with the code without success for printing the row body.

Regards Max

[radtad]

I recently posted code on GitHub to add support for Summary and Grouping Summary Grid Features. You can download it by going to the following URL: https://github.com/loiane/extjs4-ux-gridprinter and pressing the download button.

Within the next couple weeks, I hope to posting code to support the following:

Complete Metadata object.
Support for server generated summaries.
Printing Tree grids.

Thanks,

Steve

I was going to fix a couple of the following in regards to grid grouping:

- colSpan is off by 1 (not sure if columns.length - 1 was the appropriate value)
- groupName is not showing up