我在我的视图中使用模板,我想将用户引导到打印模板。常见用法:
<div data-bind="template: { name: 'print' }"></div>
但我希望这个脚本单独出现,而不是与其他内容一起出现。是否可以转到我的打印脚本而不是将脚本拉入 div,这就是上面的代码所做的。谢谢你。
您可以在“正常”内容周围放置一个布尔值,以便在打印模板处于活动状态时隐藏其他所有内容。 <div data-bind="visible: noprint()">main site</div>
重定向到其他文件,该文件包含具有自己样式的打印布局。
创建您的页面,使 print-css 实际按预期呈现页面。确保打印样式始终位于 css 的底部
@media print { body { color: #000; background-color: #fff; } }
更高级的是使用组件,您可以使用相同的数据来显示您需要的所有内容,但是当用户期望可打印视图时,只需将 screenlayout-component 切换到 printlayout-component
<a href="#" data-bind="click: () => layoutType = 'screenlayout'">screen</a> <a href="#" data-bind="click: () => layoutType = 'printlayout'">print</a> <div data-bind="component: layoutType"></div>
本文收集自互联网,转载请注明来源。
如有侵权,请联系[email protected] 删除。
我来说两句