如何在Kendo Grid的模态窗口中显示文件内容

时间:2017-01-26 13:17:31

标签: javascript angular typescript kendo-ui kendo-grid

我正在模态窗口中显示JSON文件的内容。目前我只能将文件名显示为链接,但我想要做的是显示该文件的内容。任何想法如何完成。以下是我目前的代码。

$("#adhocSearchKendoGrid").on("click", "a.open-modal", function() {
    var dataItem = grid.dataItem($(this).closest("tr"));

    $("<div></div>")
      .appendTo($("#win"))
      .kendoWindow({ 
        title: "Editing item #" + dataItem.filename,
        width: "40%",
        modal: true,
        position: {
          top: 30
        }
        })
      .data("kendoWindow")
            .content("<a target='_blank' class='file-view'>" +dataItem.filename+"</a>");
            //.maximize();
  });

1 个答案:

答案 0 :(得分:1)

使用jQuery的load()方法:

$("<div></div>")
    .appendTo($("#win"))
    .load("path/to/my/file", function() {
        $(this).parent().kendoWindow({ 
             title: "Editing item #" + dataItem.filename,
             width: "40%",
             modal: true,
             position: {
                 top: 30
             }
        }).data("kendoWindow").center();
    });