如何打印具有自定义页面大小的 KendoUI Widget(BarCode)？

【问题标题】：How do I print a KendoUI Widget(BarCode) with a custom page size?如何打印具有自定义页面大小的 KendoUI Widget(BarCode)？
【发布时间】：2014-02-27 16:51:11
【问题描述】：

我有一个非常简单的小网络应用程序，其中包含一些字段，我使用 KendoUI 的条形码生成条形码，如下所示：

 @(Html.Kendo().Barcode().Name("myLabel").Value("SomeNumbersUserEntered").Encoding(BarcodeSymbology.Code39).Width(300).Height(100))

我想弄清楚的是如何将打印页面大小设置为 4x6。

我是不是在想这个……如果打印机只能打印 4x6，那么这实际上只需要整页……

【问题讨论】：

标签： javascript .net asp.net-mvc kendo-ui kendo-asp.net-mvc

【解决方案1】：

在处理打印时，您可以覆盖专门用于打印的 CSS，如 here 所述。但是，如果您想覆盖条形码的宽度和高度，那么您将不得不通过选项而不是通过 CSS 再次指定它们（其他方式它们具有更高的优先级）。

在 PrintPreview 和 Normal 模式下检查以下示例。

<span id="manchego"></span>

<script>
    $(document).ready(function () {
        $("#manchego").kendoBarcode({
            value: "2346722",
            type: "ean8"            
        });

    });
</script>
<style scoped>

   #manchego canvas{
       width: 500px;
       height: 500px;
   }

    @media print{
        #manchego canvas{
            width: 500px;
            height: 500px;
         }  
    }           
</style>

【讨论】：