ExtJS 4: Grid Printer Plugin

Thanks

Quote:

---

Originally Posted by loiane

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

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

---

Loiane! Thanks!

Hi,
how can I print a template column?

my grid column code is:

Code:

---

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

---

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

Code:

---

} 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.

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

Code:

---

            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);
            });

---

Code:

---

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

---

With RowExpander of Extjs 4.1.2 doesn't work,

Code:

---

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!

Quote:

---

Originally Posted by Felipe-BR

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

---

Thanks Felipe, already committed the fix on github.

Quote:

---

Originally Posted by drindal

Hi,
how can I print a template column?

my grid column code is:

Code:

---

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

---

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

Code:

---

} 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.

Quote:

---

Originally Posted by grpbhb

With RowExpander of Extjs 4.1.2 doesn't work,

Code:

---

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.

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!

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:

Code:

---

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

---

And then added thead styling to my stylesheet:

Code:

---

thead { display: table-header-group; }

---

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