Question

我正在尝试创建包含

的Web应用程序

可编辑的cshtml视图页

然后

点击按钮

另存为

所以这是整个cshtml视图页面，

        @model IEnumerable<int>

        @{
            ViewBag.Title = "Create Template";
        }
        <!DOCTYPE html>
        <html>
        <head>
            <title>Create a Template</title>
        </head>
        <body>
                    <div id='template'>
                       <h1 contentEditable='True'>Product Name</h1>
                        <div >
                          <h2 contentEditable='True'>Product Description</h2>       
                          <p contentEditable='True'>London is the capital city of England.</p>
                       </div>
                   </div>

          <button id="btn_sumbit" type="button" class="btn btn-danger submit">Save as PDF</button>

        </body>
        </html>

        @section Scripts {

            @Scripts.Render("~/bundles/jqueryval")
            @Scripts.Render("~/bundles/jqueryui")

            <script type="text/javascript">

                $('#btn_sumbit').on('click', function () {

                    var div_value = document.getElementById('template').innerHTML;

                    RazorPDF.PdfResult(div_value, "PDF");
                });

            </script>

        }

我正在使用RazorPDF执行此任务，但是一旦我点击此按钮就不会保存为PDF

我可以编辑这个cshtml视图页面，我想将最终编辑的内容保存为pdf（这是动态视图）

Answer 1

我认为你做错了。 “RazorPDF.PdfResult（...）”行属于Controller不在视图中。

观看此视频：http://nyveldt.com/blog/post/Introducing-RazorPDF 它应该让你更清楚地了解RazorPDF中的工作原理。

编辑：

只需创建一个Controller方法，即根据参数生成PDF视图。

do

当然，您需要创建一个包含信息的产品类。

在你的Javascript部分，你可以写：

$ categories=("men" "women" "kids")
$ for i in "${categories[@]}";do echo $i;done
men
women
kids

这有望生成一个您可以在Javascript中关注的链接。名称和描述是包含用户输入信息的Javascript变量。

你知道吗？我的方法是根据您可编辑视图的信息在不同视图中生成PDF内容（如该视频）。

告诉我它是否有效。 ; - ）

可编辑的cshtml查看页面另存为PDF

1 个答案: