asp.net-mvc - 剣道ウィンドウに剣道グリッドを読み込む

Question

剣道ウィンドウで剣道グリッドを開きたいです。私の剣道ウィンドウのコードはこんな感じです。

   $("#Dialog").kendoWindow({
            title: "Add",                
            modal: true
        });

        var dialog = $("#Dialog").data("kendoWindow");          
        dialog.center().open();

ウィンドウで剣道グリッドを開きたい。ウィンドウに値を渡していません。ウィンドウを開くときに、データベースからデータを読み取り、グリッドにデータを入力したいと考えています。これどうやってするの ？剣道ウィンドウのグリッドとロードに部分ビューを使用できますか?

Answer 1

iframe オプションを使用する必要があります

デモを見る

$("#window").kendoWindow({
                        width: "615px",
                        title: "Window",
                        iframe:true
                    });

function openWindow(_title, _url) {
                var manager = $('#window').data("kendoWindow");
                manager
                    .title(_title)
                    .center()
                    .open()
                    .refresh({
                        url: _url
                    });
                }

Google の URL を次のように置き換えます@Url.Action("Action Name")

Answer 2

1. グリッドをレンダリングできる空の Div を作成します。可視性を非表示にする

   <div id="Dialog" style="display:none;">
   </div>
   

2. 剣道ウィンドウを作成し、いつでも div を再表示します。

   document.getElementById("Dialog").style.display = "block";
   $("#Dialog").kendoWindow({
       visible: false,
       modal: true,
       actions: ["Minimize", "Close"],
       title: "Select an Enterprise",
       width: "400px",
       visible: false
   });
   var _dialog = $("#Dialog").data("kendoWindow");
   _dialog.center().open();
   

3. コントローラーへの Ajax 呼び出しを行い、前述の Div で出力をレンダリングします。

   $.ajax({
    url: RootUrl + 'Controller/ActionMethod',
    type: 'POST',
    contentType: 'application/json;',
    data: JSON.stringify({ Property: Value }),
    async: false,
    success: function (data) {
       document.getElementById("Dialog").innerHTML = data;
   }
   });
   

4. コントローラーで、グリッドを含む部分ビューを返します

   public ActionResult ActionMethod()
   {
      return PartialView("PartialViewName");
   }