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

【问题标题】：How to display content of file in a modal Window in Kendo Grid如何在 Kendo Grid 的模式窗口中显示文件内容
【发布时间】：2017-01-26 13:17:30
【问题描述】：

我正在模式窗口中显示 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();
  });

【问题讨论】：

您的文件内容在哪里？您的文件在服务器端文件系统中吗？
这是一个服务器端文件系统
如果从 url 可以访问？喜欢path/to/my/file 吗？它是什么类型的文件，纯文本？
是的，正确。有一个网址。它实际上是一个 JSON 文件

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

【解决方案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();
    });

【讨论】：

我还将分享我所做的以显示内容作为解决方法。我将文件的内容保存在一个变量中，并使用 .content() 属性显示它们。