Ext JS 4:Grid w / GroupingSummary:每组打印页面

时间:2012-12-10 15:20:43

标签: css3 extjs extjs4 extjs4.1

对于带有GroupingSummary的Ext JS 4.1网格,我希望能够为每个组打印一个页面。

通过在每个摘要后添加一行,并将其@media打印样式设置为page-break-before:always,我能够在Firefox上获得有效的解决方案。但是,这不适用于Chrome或Safari。据我了解,原因是Webkit不支持表行上的page-break-before。我甚至尝试将表格行显示样式设置为阻止以尝试强制它,但页面顶部边距搞砸了。

我还能够通过编写一个特殊的打印机脚本为所有浏览器获得一个可行的解决方案,该脚本基本上为每个组提取网格html,克隆网格html,并将每个组的表行移动到这些新的html网格之一。然后它将获取所有html并将其写入覆盖现有网页屏幕并调用window.print()的iframe。一个好处是列标题位于每个新组页面的顶部。

我对此解决方案的两个抱怨是:(1)用户无法使用浏览器打印功能打印原始网页,即用户需要点击我的打印按钮; (2)这是hacky。

似乎最好的解决方案是使用Ext-native解决方案来渲染分组网格,每个网格都有自己的html表格。有没有人有自己喜欢的解决方案?

0 个答案:

没有答案