在模态

时间:2015-08-19 18:10:37

标签: javascript jquery json

我认识到这可能是重复但我无法找到一个让我到达我需要去的地方的例子。我最近发现了jspdf库。我正在尝试将原始JSON数据打印到模态中,以便将其打印为PDF。我已经有JSON进入我的页面来填充一个slickgrid。我的问题是我如何获得已经进入我的模态中的数据作为JSON stringify?这是我的GeneratePDF Fiddle

   $.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 个答案:

答案 0 :(得分:1)

在$ .getJSON()的回调中,您可以执行以下操作,结果是javascript对象。

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

改变你的小提琴:https://jsfiddle.net/bu9db10d/2/