[asp.net-mvc]MVC︰ 如何从一个 div 内的视图显示

标签: Asp.net-MVC .Net C#
发布时间: 2017/3/25 4:14:55
注意事项: 本文中文内容可能为机器翻译,如要查看英文原文请点击上面连接.

在我的 MVC 项目中脑子我意见,我有一些 JQuery 就会弹出一个对话框,是内容之一是在标记中定义

有没有我可以确保内容的方法是从我的控制器的线沿线填充视图/PartialView:

    public ActionResult PopulateDivContent()
    {
        MyBusinessEntity entity = GetEntity();
        return PartialView("SingleRow", MyBusinessEntity);
    }

我将如何着手这样做?

解决方法 1:

我有一些 jQuery 加载到页面的局部视图。局部视图是用于附加图像上传表单。

这里是 js/jQuery:

            function addAnImageClick() {
                // hide this
                $("a#addImage").hide();
                // show loading gif
                $("img.addAnImageLoadingGif").show();
                // invoke ajax get
                $.get("/FileManager/GetUploadForm", 
                    { postUrl: "/Announcements/UploadImageToAnnouncement", modelID: <% =Model.ID %>, multipleFiles: false }, 
                    function(data) {
                    // show upload form
                    $("div#imageUploader").html(data);
                    $("div#imageUploader").show();
                    // hide loading gif
                    $("img.addAnImageLoadingGif").hide();
                });
            }

正如你可以看到我隐藏的链接,用户单击以启动此功能,然后显示加载 gif UI 反馈,然后调用 ajax 调用到控制器。我还将一些值传递到行动。一旦反应是回我载入 div 用下面这行内容︰ $("div#imageUploader").html(data); 。用 css 隐藏 div display:none 然后我显示和完成由加载 gif 去除可见性。

这里是行动︰

    //
    // GET: /FileManager/GetUploadForm/?uploadAction=actionName&modelID=1234&multipleFiles=true
    public class GetUploadFormDTO
    {
        public string PostUrl { get; set; }
        public int ModelID { get; set; }
        public bool MultipleFiles { get; set; }
    }
    [KsisAuthorize()]
    public ActionResult GetUploadForm(string postUrl, string modelID, string multipleFiles)
    {
        GetUploadFormDTO model =
            new GetUploadFormDTO()
            {
                PostUrl = postUrl,
                ModelID = Convert.ToInt32(modelID),
                MultipleFiles = Convert.ToBoolean(multipleFiles)
            };

        return PartialView("UploadFormPartial", model);
    }

希望这有助于。: D

赞助商