将列表视图数据导出为 Pdf
Export List View Data to Pdf
我正在使用列表视图在 facebook 上显示诸如列表顶部 post 之类的数据。现在有一个下载选项。我想下载 pdf 格式的列表视图数据。我在 google 上搜索,但没有找到最佳示例。如何下载pdf格式的clist视图数据
列表视图小部件:
$this->widget('zii.widgets.CListView', array(
'dataProvider' => $data_top_posts,
'id' => 'tbl-top-posts',
'itemView' => '_top_posts',
'template' => '{items}',
'beforeAjaxUpdate' => 'js:function(id, data){
$("#" + id + " .items span.empty").html("Loading... Please wait.");
}',
'afterAjaxUpdate' => 'js:function(){
setProgressBar("#tbl-top-posts");
}',
'viewData' => array(
'id' => 'tbl-top-posts',),
));
这种东西没有内置功能。但你可以做到:
- 使用 HTML 模板打印您的视图,然后将该内容传递给 TCPDF
示例
$pdf->AddPage();
$html = $this->renderPartial('view', ['params'], true);
// output the HTML content
$pdf->writeHTML($html, true, 0, true, 0);
$pdf->lastPage();
$pdf->Output('example_021.pdf', 'I');
- 从当前视图制作图像并将该图像传递给 TCPDF。
示例
html2canvas(document.getElementById('area')).then(function(canvas) {
var data = canvas.toDataURL();
$.ajax({
url: 'savePDF.php',
type: 'post',
data: {imageSrc: data}
});
});
您可以使用任何其他 HTML PDF 工具,而不仅仅是 TCPDF。
资源:
TCPDF, DomPDF
Html2Canvas
我正在使用列表视图在 facebook 上显示诸如列表顶部 post 之类的数据。现在有一个下载选项。我想下载 pdf 格式的列表视图数据。我在 google 上搜索,但没有找到最佳示例。如何下载pdf格式的clist视图数据
列表视图小部件:
$this->widget('zii.widgets.CListView', array(
'dataProvider' => $data_top_posts,
'id' => 'tbl-top-posts',
'itemView' => '_top_posts',
'template' => '{items}',
'beforeAjaxUpdate' => 'js:function(id, data){
$("#" + id + " .items span.empty").html("Loading... Please wait.");
}',
'afterAjaxUpdate' => 'js:function(){
setProgressBar("#tbl-top-posts");
}',
'viewData' => array(
'id' => 'tbl-top-posts',),
));
这种东西没有内置功能。但你可以做到:
- 使用 HTML 模板打印您的视图,然后将该内容传递给 TCPDF
示例
$pdf->AddPage();
$html = $this->renderPartial('view', ['params'], true);
// output the HTML content
$pdf->writeHTML($html, true, 0, true, 0);
$pdf->lastPage();
$pdf->Output('example_021.pdf', 'I');
- 从当前视图制作图像并将该图像传递给 TCPDF。
示例
html2canvas(document.getElementById('area')).then(function(canvas) {
var data = canvas.toDataURL();
$.ajax({
url: 'savePDF.php',
type: 'post',
data: {imageSrc: data}
});
});
您可以使用任何其他 HTML PDF 工具,而不仅仅是 TCPDF。
资源:
TCPDF, DomPDF
Html2Canvas