ExtJS 4: Grid Printer Plugin

[iplanit]

Thanks

Added Sencha Architect example - in case anyone wants to use it with SA2:

https://github.com/loiane/extjs4-ux-gridprinter

[Felipe-BR]

Loiane! Thanks!

[drindal]

Hi,
how can I print a template column?

my grid column code is:

{ 
   xtype:'templatecolumn', 
   tpl:'{NETPR} {WAERS}',
   dataIndex: 'NETPR',
   text: 'Netto'
},

i have tried to change the code as descriped earlier in this thread

} else if (column && column.xtype === 'templatecolumn') {
  convertedData[column.dataIndex] = column.tpl ? column.tpl.apply(item.data) : value;
}

but it is not working.. it's only showing an empty Netto Column

I hope someone can help me.
Thanks.

[Felipe-BR]

Loiane! About that bug, i found the error and i fix it.

            var dataPrinter = [];
            grid.store.data.each(function(item, row) {
                var convertedData = {};
                // apply renderers from column model
                for (var key in item.data) {
                    var value = item.data[key];
                    Ext.each(columns, function(column, col) {
                                if (column.dataIndex == key) {
                                    /*
                                     * TODO: add the meta to template
                                     */
                                    var meta = {
                                        item : '',
                                        tdAttr : '',
                                        style : ''
                                    };
                                    value = column.renderer
                                            ? column.renderer.call(grid, value,
                                                    meta, item, row, col,
                                                    grid.store, grid.view)
                                            : value;
                                    varName = Ext.String.createVarName(column.dataIndex);
                                    convertedData[varName] = value;
                                }
                            }, this);
                }
                dataPrinter.push(convertedData);
            });

        
bodyTpl : ['<tpl for=".">',
                '<td>\{{[Ext.String.createVarName(values.dataIndex)]}\}</td>',
                '</tpl>']
    }

[grpbhb]

With RowExpander of Extjs 4.1.2 doesn't work,

Ext.each(grid.plugins, function(p) {
                if (p.ptype == 'rowexpander') {
                    pluginsBody += p.rowBodyTpl.join(''); //In 4.1.2 rowBodyTpl is a  XTemplate object
                }
            });

1- How obtain the compiled template with the data of each record?
2- I want to show only the expanded rows, not all rows.
Thanks!

[loiane]

Loiane! About that bug, i found the error and i fix it.

Thanks Felipe, already committed the fix on github.

[loiane]

Hi,
how can I print a template column?

my grid column code is:

{ 
   xtype:'templatecolumn', 
   tpl:'{NETPR} {WAERS}',
   dataIndex: 'NETPR',
   text: 'Netto'
},

i have tried to change the code as descriped earlier in this thread

} else if (column && column.xtype === 'templatecolumn') {
  convertedData[column.dataIndex] = column.tpl ? column.tpl.apply(item.data) : value;
}

but it is not working.. it's only showing an empty Netto Column

I hope someone can help me.
Thanks.

Fixed.
You can get the new version from github and use.
Template columns are now supported by the plugin.

[loiane]

With RowExpander of Extjs 4.1.2 doesn't work,

Ext.each(grid.plugins, function(p) {
                if (p.ptype == 'rowexpander') {
                    pluginsBody += p.rowBodyTpl.join(''); //In 4.1.2 rowBodyTpl is a  XTemplate object
                }
            });

1- How obtain the compiled template with the data of each record?
2- I want to show only the expanded rows, not all rows.
Thanks!

Sorry. I don't have access to 4.1.2 yet. I only use open source version - educational purposes.

[grpbhb]

Ok, but the problem exists!.
"pluginsBody += p.rowBodyTpl.join('');" only appends tpl, How obtain the compiled template with the data of each record?
I want to show only the expanded rows.
Thanks!

[CE_REAL]

Hey I'm using the grid printer plugin and it works great. But now I want to display the header every 30 or so rows. I'm not really that advanced with ExtJS yet so I hope someone can help me breaking up the data to add more than one header.

Thanks in advance.

Edit:

I found a solution for my problem. I added thead and tbody to my output HTML:

'<table>',
              '<thead>',
            headings,
            '</thead>',
            '<tbody>',
            '<tpl for=".">',
              body,
            '</tpl>',
            '</tbody>',
'</table>',

And then added thead styling to my stylesheet:

thead { display: table-header-group; }

Which then results in displaying the header on every page that is printed.