如何在MVC 4相同的视图中打开窗口？ [英] How to open window in the same View in MVC 4?

问题描述

我有我的观点一个Telerik的MVC格与下载自定义按钮。此按钮重定向到我的下载动作，这动作下载重定向我的下载视图，显示我在窗口模式下的图像文件。我想用'下'它电网打开此窗口，在同一个页面。

I have a Telerik MVC grid in my view with a "Download" custom button. This button redirects to my Download action and this download action redirects me to the download view which shows me some images in window mode. I would like to open this window with the grid 'under' it, in the same page.

我的code：

c.Bound(column => column.IsStock);
    c.Bound(column => column.Version);
    c.Command(cmd => cmd.Custom("Download")
         .Text("Download")
         .DataRouteValues(d => { d.Add(k => k.IDDocument); d.Add(k => k.ReceivedDate); })
         .SendDataKeys(true)
         .Action("Download", "Administrative"));

动作：

 [Authorize(Roles = "Administrator, Employee")]
 public ActionResult Download(DocumentModel model)
 {
     var listUris = new List<string>();
     var uris = ServiceProxy.GetInstance().GetContainerUri(model.IDProtocol.ToString(), model.IDDocument.ToString()));
     foreach (var uri in uris)
     {
         listuris.Add(uri.AbsoluteUri);
     }
     ViewBag.uris = listUris;
     return View("Download");            
 }

下载查看：

@{
ViewBag.Title = "Imagens";
 }
@{
     Html.Telerik().Window()
    .Draggable(true)
    .Resizable(a => a.Enabled(true))
    .Scrollable(true).Width(700)
    .Name("ShowBarcode")
    .Modal(true)
    .Buttons(b => b.Close())
    .Content(@<text>
@using (Html.BeginForm())
{
    foreach (var uri in ViewBag.uris)
    {
    <img src="@uri" alt="IMAGE"/>
    <a href="@uri">@uri</a>
    }
}
   </text>).Render();
}

这工作得很好，但我失去了我的网格时我的下载按钮点击。
有什么建议么？谢谢你。

This works fine, but i lose my grid when i click in the download button. Any suggestions? Thanks.

推荐答案

所以你要把一个Ajax调用的脚本标签。确保您已jQuery的网页上引用。你叫应该是这个样子。

so you want to put an ajax call in your script tag. Make sure you have jquery referenced on the page. you call should look something like this

$('#TableID tr').on('click', function() {
    $.ajax({
        url: "@(Url.Action("Action", "Controller"))",
        type: "POST",
        data: {
            id: $(this).attr('id')// from here http://stackoverflow.com/questions/5142422/get-id-of-selected-row-in-a-table-html
        }
        cache: false,
        async: true,
        success: function (result) {
            $(".Content").html(result);
            contentOverlay.load();
        }
    });
});

那么你的控制器上

then on your controller

public PartialViewResult Action(string id){
    Model model = //query the database
    return PartialView("_PartialView", model);
}

所以单击某一行时，控制器上的方法被调用并返回的局部视图。把这个结果到一个div您的视图，然后弹出一个DIV（我们使用jQuery的覆盖，但有几种不同的选项）。希望这有助于

so when a row is clicked the method on your controller is called and a partial view is returned. Put that result into a div on your view and then pop up that div (we use jquery overlay but there are several different options). Hope this helps

这篇关于如何在MVC 4相同的视图中打开窗口？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！