自举模式弹出设计问题有了页眉

问题描述：

我试图与引导弹出。在我的“NoteListPartial.cshtml”页面;如果我点击编辑按钮，我想要弹出“Not.cshtml”打开。但是，当我点击按钮弹出出现，但我的头与弹出出现过，但我不希望它是。自举模式弹出设计问题有了页眉

1 - 我称之为Detail.cshtml页面上NoteListPartial.cshtml页。

2-我Detail.cshtml代码如下：

<div class="NoteList"> 

</div 

<script> 
    var projectid = @Model.ID; 
    $.ajax({ 
     method: "get", 
     url: '@Url.Action("NoteListPartial", "Project")', 
     data: {projectid:projectid}, 
     success: function(returningdata){ 
      $("div.NoteList").html(returningdata); 
     } 
    }); 
</script>

3-和我的NoteListPartial.cshtml代码如下：

@foreach (var item in Model) 
{ 
    <div class="item"> 
     <div class="item-head"> 
      <div class="item-details"> 
       <a class="item-name primary-link">@item.Name</a> 
       span class="item-status"> 
        <a href="@Url.Action("Note", "Project", new { ID = item.ID, ProjectID = item.ProjectID })" data-target="#NoteDetailModal" data-toggle="modal">EDIT</a> 
        <a href="@Url.Action("NoteDelete", "Project",new { ID=item.ID, ProjectID=item.ProjectID})">Delete</a> 
       </span> 
      </div> 
     </div> 
     <div class="item-body"> @item.Content </div> 
    </div> 
} 

<div class="modal fade" id="NoteDetailModal" tabindex="-1" role="dialog" aria-labelledby=""> 
    <div class="modal-dialog" role="document"> 
     <div class="modal-content"> 
      <!-- Content comes here. This code continues at Note.cshtml --> 
     </div> 
    </div> 
</div>

4-和我的Note.cshtml代码是如下，我希望“Not.cshtml”与打开弹出：

<!-- Continuation of modal on page NoteListPartial.cshtml --> 

<div class="modal-header"> 
    <button type="button" class="close" data-dissmiss="modal" aria-label="Close"><span aria-hidden="true">x</span></button> 
    <h4 class="modal-title" id="myModalLabel">Edit Note</h4> 
</div> 
<form method="post" role="form"> 
    <div class="modal-body"> 
     <div class="form-group"> 
      <label>Title:</label> 
      <input type="text" name="Name" value="@Model.Name" /> 
     </div> 
     <div class="form-group"> 
      <label>Content:</label> 
      <textarea name="Content">@Model.Content</textarea> 
     </div> 
    </div> 
    <div class="modal-footer"> 
     <input type="submit" class="btn btn-default" value="Update" /> 
    </div> 
</form>

当我运行该项目，并单击Detail.cshtml编辑按钮，弹出是开放，但我遇到了这样的画面：

ProjectController.cs：

public ActionResult NoteListPartial(RaporModel Filter, int? ProjectID) 
{ 
    IEnumerable<tbl_ProjectNote> prjnote = Sabitler.Note.Where(d => d.ProjectID == ProjectID).OrderByDescending(d => d.ID); 
    int PageNo = Convert.ToInt32(Request.QueryString["Page"] ?? "1"); 
    int totalnumber = prjnote.Count(); 
    prjnote = prjnote.Skip((PageNo - 1) * Filter.SBGS).Take(Filter.SBGS); 
    ViewBag.Pagination = Functions.PageToGet(PageNo, totalnumber, Filter.SBGS, "", "active"); 
    return PartialView(prjnote.ToList()); 
} 

public ActionResult Note(RaporModel Filter, int? ID) 
{ 
var prjnote = db.tbl_ProjectNot.FirstOrDefault(d => d.ID == ID); 
if (prjnote == null) 
    prjnote = new tbl_ProjectNot(); 
    return View(prjnote); 
} 

[HttpPost] 
public ActionResult Note(tbl_ProjectNote prjnote) 
{ 
    if (prjnote.Name == null) 
    { 
     BilgiMesaji(Tur.Warn, "Note title can't null!"); 
     return RedirectToAction("Note", new { ProjectID = prjnote.ProjectID }); 
    } 
    if (!string.IsNullOrEmpty(prjnote.Name) && prjnote.Name.Length > 100) 
    { 
     BilgiMesaji(Tur.Warn, "Note title can not be more than 100 characters!"); 
     return RedirectToAction("Note", new { ProjectID = prjnote.ProjectID }); 
    } 
    if (!string.IsNullOrEmpty(prjnote.Content) && prjnote.Content.Length > 500) 
    { 
     BilgiMesaji(Tur.Warn, "Note content can not be more than 500 characters!"); 
     return RedirectToAction("Note", new { ProjectID = prjnote.ProjectID }); 
    } 

    var prjnoteDB = db.tbl_ProjectNote.FirstOrDefault(d => d.ID == prjnote.ID); 

    if (prjnoteDB == null) 
     prjnoteDB = new tbl_ProjectNot(); 

     prjnoteDB.Name = prjnote.Name; 
     prjnoteDB.Content = prjnote.Content; 
     prjnoteDB.ProjectID = prjnote.ProjectID; 
     if (prjnoteDB.ID == 0) 
     { 
      prjnoteDB.UserID = us.ID; 
      prjnoteDB.AddDate = DateTime.Now; 
      db.tbl_ProjectNot.Add(prjnoteDB); 
     } 
     db.SaveChanges(); 

     Sabitler.Note = db.tbl_ProjectNot.ToList(); 

     BilgiMesaji(Tur.Success, "Recording successfully added!"); 

     return RedirectToAction("Note", new { ProjectID = prjnote.ProjecID }); 
}

你能证明你返回“NoteListPartial”请查看控制器代码。 –

当然可以。我现在添加代码。 – Shadouspan

我加。你可以检查吗？ – Shadouspan

答

您需要返回用PartialView在public ActionResult Note(RaporModel Filter, int? ID)行动无法查看：

public ActionResult Note(RaporModel Filter, int? ID) 
{ 
    var prjnote = db.tbl_ProjectNot.FirstOrDefault(d => d.ID == ID); 
    if (prjnote == null) 
     prjnote = new tbl_ProjectNot(); 
    return PartialView(prjnote); 
}

返回查看（）将包含有你的头和导航栏的_layout.cshtml页面。

欲了解更多信息，请浏览： View() vs. PartialView()

自举模式弹出设计问题有了页眉

相关推荐