我试图使用jsPdf AutoTable将动态数据打印到PDF中,但是我没有这么做。我在很多网站搜索过,但没有人说过关于动态数据的问题。所以在这里我的问题是,是否有任何方法可以让动态数据进入表格行,如果有人能澄清我的话。注意:[这里没有使用HTML将数据存储到PDF中,我直接从js获取数据]。在jsPdf AutoTable中尝试动态数据时遇到问题
this.print=function(){
\t {
\t \t
\t \t var mainData =this.printData(); // Here am getting Full Json data Here
\t \t var steps = mainData.steps; // From that data am Separating what i need
\t \t var criticality = mainData.criticality;
\t \t var categories = mainData.categories;
\t \t var checkup = mainData.checkup;
\t \t
// This is For to Take the Steps Data alone
$scope.getSteps = function(steps) {
var data = [];
for (var i = steps.length; i-- > 0;) {
data.push(steps[i].name+"\n"+"\n");
}
return data;
}
// Like wise am getting every single object data's
$scope.getNumbersOfSubSteps = function(steps) {
var data = 0;
for (var i = 0 ; i < steps.length; i++) {
for (var j = 0; j<steps[i].steps.length; j++) {
}
data = j ;
}
return data;
}
// this is for Sub Proceeses
$scope.getSubProcesses = function(steps) {
var data = [];
for (var i = 0 ; i < steps.length; i++) {
for (var j = 0; j<steps[i].steps.length; j++) {
data.push(steps[i].steps[j].name+"\n");
}
}
return data;
}
$scope.getCategories = function(categories) {
var data = [];
for (var i = categories.length; i-- > 0;) {
data.push(categories[i].name+"\n");
}
return data;
}
$scope.getCriticality = function(criticality) {
var data = [];
for (var i = criticality.length; i-- > 0;) {
data.push(criticality[i].name+"\n");
}
return data;
}
// Pdf Print Function Begins
var columns = ["ProcessDescription", "Steps", "#ofSubProcesses", "SubSteps","Category","Criticality","CheckUp"];
var processDescription =mainData.description;
var processes= $scope.getSteps(steps);
var NoOfSubProcess = $scope.getNumbersOfSubSteps(steps);
var subProcesses = $scope.getSubProcesses(steps);
console.log('Subprocsses length',subProcesses);
var categories = $scope.getCategories(categories);
var criticality = $scope.getCriticality(criticality);
// The Problem Begins here , Am struggling to Get the Separate data's here !
var rows = [
[processDescription,processes,NoOfSubProcess,subProcesses,categories,criticality]
];
var pdfsize='a1';
var doc = new jsPDF('p', 'pt',pdfsize);
doc.autoTable(columns, rows, {
\t theme: 'striped', // 'striped', 'grid' or 'plain'
\t styles: {
\t overflow: 'linebreak',
\t columnWidth: 'wrap'
\t },
\t beforePageContent: function(data) {
\t doc.text("Process Name :"+mainData.name, 40, 30);
\t },
columnStyles: {
1: {columnWidth: 'auto'}
}
});
doc.save(mainData.name+ pdfsize +".pdf");
}
\t
\t
};
你是什么意思的动态数据?在调用autotable之前,你可以用循环构造行对象吗? –
动态数据的意思是,var进程= $ scope.getSteps(steps); - >这个过程有三个进程,所以如果我使用Process进入该行,它会在同一单元格中打印三个数据, –
您必须将进程转换为与自动选项匹配的格式。如果您查看repo有一个examples/examples.js文件,如果你需要指针,它使用动态数据。 –