ajax - 局部视图 - 控制器死胡同

Question

这是我在这里的第一个问题 - 所以请轻松一下：）

我对mvc很新，我的背景是网页形式。

我的问题 -

我有一个带有许多菜单链接的单个页面 - 我有链接的jquery点击事件，当点击时使用ajax来调用控制器来获取局部视图 - 然后我将它加载到一个持有div中ajax回调函数来渲染局部视图。

部分视图之一是用于撰写邮件的“新邮件”部分，我需要能够向此视图添加附件。为此，我以模型弹出窗口的形式通过ajax加载另一个部分。我将模型加载到一个单独的保持div中，以免丢失撰写视图。

我将FormMethod.Post用于我填充附件视图模型的控制器。

此时我已达到死胡同 - 我不知道如何重新绑定“新邮件”视图以添加附件？

我知道如何做的唯一方法是客户端，我可以将“新消息”局部视图注入到更新模型的持有div中。但我无法使用任何JavaScript。

有没有办法从控制器执行此操作？或者我是否已经开始沿着通过ajax将部分加载到持有div中的路径向下射击？

任何帮助将不胜感激。

谢谢蒂姆

我的代码

主视图

    <div class="collapse navbar-collapse navbar-left" id="message-bar">
            <ul class="nav navbar-nav message-bar-list">
                <li>
                    <a data-js="Message" data-view-target="newMessage" href="#NewMessage">New Message</a>
                </li>
                <li>
                    <a href="#">Delete</a>
                </li>

                <li>
                    <a href="#">Move to Folder</a>
                </li>
                @*<li>
                        <a href="#">Reply</a>
                    </li>*@
                <li class="send" style="display:none; ">
                    <a data-js="Message" data-view-target="newAttachment" href="#addAttachment">Add Attachments</a>
                </li>
                @*<li class="send" style=" display:none; ">
                    <a href=" #send">Send</a>
                </li>*@
            </ul>
            <!--end of navbar-nav-->

        </div>
        <div class="col-xs-12 col-sm-10 col-md-10 col-lg-10">

        <div class="smPlaceholder">@Html.Partial("_Inbox", Model)</div>            
        <div class="hide" id="newMessage"></div> 
        <div class="hide" id="newAttachment"></div> 
    </div>

我的新消息局部视图

    @ModelType Model.ViewModel.Messages.Message

    @Using (Ajax.BeginForm("NewMessage", "Communication", New AjaxOptions With {.HttpMethod = "Post",
                                                                            .UpdateTargetId = "smPlaceholder",
                                                                            .OnSuccess = ""}))
    @Html.AntiForgeryToken()

    @<div class="new-message">
<label>To</label>

 @Html.TextBoxFor(Function(model) model.Message(0).Subject, New With {Key .placeholder = "Subject"})

 @Html.Partial("_AttachmentList", Model)

 <hr />
 @Html.TextAreaFor(Function(model) model.Message(0).Body, New With {.cols = "80", .rows = "4"})
 <button type="submit" class="button tp-green">Send Message</button>

结束使用

我的添加附件部分视图

    @ModelType  Model.ViewModel.Documents.Document

@Using (Html.BeginForm("fileUpload", "Communication", FormMethod.Post, New With {.enctype = "multipart/form-data"}))

@*@Html.HiddenFor(Function(model) model.FilesToBeUploaded)*@
@<div>
     <input type="file" id="fileToUpload" name="files" value="" multiple="multiple" />

     <div id="selectedFiles"></div>
</div>



@<div class="col-xs-12 message-attachement-content currentDocuments document-list">
        <h5>Existing documents</h5>

        <ul>
            @For i = 0 To Model.Document.Count - 1

            Dim a As Integer = i

             @<li class="documentListLI">
               @Html.HiddenFor(Function(model) model.Document(a).Id)
               @Html.HiddenFor(Function(model) model.Document(a).Description)
               @Html.CheckBoxFor(Function(model) model.Document(a).Checked, New With {.data_docid = Model.Document(a).Id, .data_name = Model.Document(a).Description}) <span>@Model.Document(a).Description</span>
            </li>

            Next
        </ul>
</div>

@<div>
     <input type="submit" value="Upload Document" title="Upload" />
</div>    
End Using        

我的JavaScript

    $('*[data-js="Message"]').on().off().on('click', function () {


            $('.send').css("display", "block")

            var dto = {
                Item: $(this).attr("data-view-target")
            }
            GlobalFunctions.callAjaxMethod("/Communication/addPartialView", dto, callback)

            function callback(data) {
                debugger

                if (data.page == "newMessage") {
                    $('.smPlaceholder').addClass("hide")
                    $('#newAttachment').addClass("hide")
                    $('#newMessage').removeClass("hide")

                    if ($('#newMessage').html() == "") {
                        $('#newMessage').html(data.partialViewString);
                    }
                } else if (data.page == "newAttachment") {
                    $('.smPlaceholder').addClass("hide")
                    $('#newAttachment').removeClass("hide")

                    if ($('#newAttachment').html() == "") {
                        $('#newAttachment').html(data.partialViewString);
                    }

                    $('#modalAttachmentManager').modal('show');

                }

            }

        });

我的控制器

    <HttpPost()>
    Function fileUpload(ByVal doc As Model.ViewModel.Documents.Document, files As HttpPostedFileBase()) As ActionResult

        'save uploaded attachments as temp files
        Dim fileName As String = ""
        Dim fileTypeTemp As String = ""
        Dim data As Byte() = {}
        Dim filesize As Integer = 0


        Dim temp_name As String = ""

        For Each item As HttpPostedFileBase In files
            If Not item Is Nothing Then
                If item.ContentLength > 0 Then
                    fileName = item.FileName

                    Dim target As New MemoryStream()
                    item.InputStream.CopyTo(target)
                    data = target.ToArray()

                    temp_name = Guid.NewGuid().ToString()

                    fileTypeTemp = System.IO.Path.GetExtension(fileName).ToString().ToLower()

                    filesize = item.ContentLength
                End If
            End If

            'call service to save files
            _ClientSecureMessageService.saveTempFileAttachment(data, Session("sessionId"), temp_name, fileName, Guid.NewGuid(), filesize, 1)

        Next

        'save system held docs as temp attachment files

        For Each item In doc.Document

            If item.Checked = True Then

                _Service.saveAttachment()

            End If

        Next

        'Need to populate the message/attachment object and rebind the new message view

        _Service.GetAttachments()

        Return RedirectToAction("addPartialView", New With {.Item = "#NewMessage"})
    End Function

忽略返回，因为这不起作用，并且是我达到死胡同的点。

希望这有帮助吗？