knockout.js 如何使用Knockout js重定向到打印模板

ih99xse1 于 2022-11-10 发布在其他

关注(0)|答案(2)|浏览(177)

我正在视图中使用模板，我想将用户定向到打印模板。常见用法：
<div data-bind="template: { name: 'print' }"></div>
但是我希望这个脚本单独出现，而不是和其他内容一起出现。是否可以转到我的打印脚本，而不是把脚本拉到div中，这就是上面的代码所做的。谢谢。

knockout.js

来源：https://stackoverflow.com/questions/58134865/how-to-re-direct-to-a-print-template-using-knockout-js

2条答案

按热度按时间

jmp7cifd1#

您可以在“normal”内容周围放置一个布尔值，以便在打印模板处于活动状态时隐藏其他所有内容。<div data-bind="visible: noprint()">main site</div>
重定向到保存打印布局及其样式的其他文件。
创建页面时，确保print-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>

赞(0）回复(0）举报 2022-11-10

pw9qyyiw2#

这是我最后做的...
第一个

赞(0）回复(0）举报 2022-11-10