2015-08-19 2 views
1

Я признаю, что это может быть дубликат, но я не смог найти пример, который приведет меня туда, куда мне нужно идти. Недавно я открыл библиотеку jspdf. Я пытаюсь напечатать необработанные данные JSON в модальном формате, чтобы распечатать его в формате PDF. У меня уже есть JSON, входящий в мою страницу, чтобы заполнить slickgrid. Мой вопрос в том, как именно я получаю данные, которые уже появляются, чтобы отображать внутри моего модала, как JSON stringify? Вот мой GeneratePDF FiddleОтображение Raw JSON в модальном

$.getJSON('GetCatsforCatviews', function (data) { 
    var result = $.parseJSON(data); 
    $.each(result, function (i, item) { 
     console.log(item); 
     leadRequests.push(item); 
    }); 

}).done(function (result) { 
    var CatGrid; 
    var CatsbycolorGrid; 
</script> 

    <div id="dialog-pdf" title="pdf" stye="display:none;"> 
    <div id="content"> 
     <h3>Cat Request Details</h3> 

     <p>All of the Cat Details.....</p> 
    </div> 
    <div id="editor"></div> 
    <a href="#" id="cmd">generate PDF</a> 

</div> 

$("#dialog-pdf").dialog({ 
    autoOpen: false, 
    modal: true, 
    width: 500, 
    height: 300, 
    buttons: { 'close': function() { $(this).dialog('close'); } }, 
    open: function (event, ui) { $(".ui-dialog-titlebar-close").hide(); } 
}); 


if ($(e.target).hasClass('show-pdf')) { 
      var pdfDialog = $("#dialog-pdf"); 
      if (typeof pdfDialog === "undefined"); { 
       console.log("Dialog is undefined") 
       pdfDialog.dialog("open"); 
       return; 
      } 
     } 

ответ

1

В обратный вызов $ .getJSON(), вы можете сделать следующее при условии, результатом является JavaScript Object.

$('#editor').text(JSON.stringify(result, null, 4));

С изменением к вашей скрипке: https://jsfiddle.net/bu9db10d/2/

+0

Youre люди! теперь он не печатает в pdf на моем локальном, но это еще одна проблема. Большое спасибо. –

Смежные вопросы