2017-01-26 15 views
1

モーダルウィンドウに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(); 
    }); 
+0

ファイルの内容は?あなたのファイルはサーバーのサイドファイルシステムにありますか? – DontVoteMeDown

+0

それはサーバー側のファイルシステムです –

+0

URLからifにアクセスできますか? 'path/to/my/file'と同じですか?それはどのような種類のファイルなのですか? – DontVoteMeDown

答えて

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(); 
    }); 
+1

回避策としてコンテンツを表示するために行ったことも共有します。ファイルの内容を変数に保存し、.content()属性を使用してファイルを表示しました。 –

関連する問題