如何保存引導電網在PDF

Question

我想，我的客戶端下載引導網格內的一切，PDF有任何插件

這是我的引導電網

<div class="container-fluid"> 
      <div class="row"> 
       <h3 class="text-center"><strong>ABC AGREEMENT</strong></h3> 
      </div> 
      <div class="row"> 
       <h4 class="text-center"><strong>(the 「Agreement」)</strong></h4> 
      </div> 
      <div class="row"> 
       <div class="span12 text-center"> 
        <h4> 
         THIS AGREEMENT <small> is made on</small> 
         <input name="getdate" type="text" class="form-control" placeholder="click to show datepicker" id="datepick"> 
        </h4> 
       </div> 
      </div> 
      <div class="row"> 
       <div class="span12 text-center"> 
        <h5>BETWEEN</h5> 
       </div> 
      </div> 
      <div class="row"> 
       <div class="span12"> 
       ..... 
       ..... 

更新
我是尋找開源pdf輸出

Answer 1

試試這個，將其添加到您的腳本中：

$("#grid").kendoGrid({ 
      toolbar: ["pdf"], 
      pdf: { 
       allPages: true, 
       fileName: "Kendo UI Grid Export.pdf", 
       proxyURL: "http://demos.telerik.com/kendo-ui/service/export" 
      }, 
      dataSource: { 
       type: "odata", 
       transport: { 
        read: { 
         url: "http://demos.telerik.com/kendo-ui/service/Northwind.svc/Employees", 
        } 
       }, 
       pageSize: 5 
      }, 
      columns: [ 
       { title: "Photo", width: 140 }, 
       { title: "Details", width: 350 }, 
       { title: "Country" }, 
       { title: "EmployeeID" } 
      ], 
      rowTemplate: kendo.template($("#rowTemplate").html()), 
      altRowTemplate: kendo.template($("#altRowTemplate").html()), 
      height: 500, 
      scrollable: true, 
      pageable: true 
     }); 

http://demos.telerik.com/kendo-ui/grid/pdf-export