我所拥有的是以下内容：
我有一个_playlistPopupMenu局部视图,用于呈现播放列表列表,如下所示：
_PlaylistPopupMenu
@model List<OneMusic.Models.GetPlaylists_Result>
@if (Model.Count > 0)
{
<li style="height:2px" class="divider"></li>
foreach (var item in Model)
{
<li style="height:30px">@Html.DisplayFor(p => item.Name)
@Html.ActionLink(item.Name,"AddSong","Playlist",new { playlistId = @item.PlaylistId,songId = 1 },"")
</li>
}
}
PlaylistController的AddSong操作如下：
public PartialViewResult AddSong(int? playlistId,int? songId)
{
if (ModelState.IsValid)
{
db.AddSongToPlaylist(playlistId,songId);
db.SaveChanges();
return PartialView("_AddToPlaylist","");
}
return PartialView("_AddToPlaylist","");
}
我正在努力放入_AddToPlaylist局部视图中的内容,我认为我需要能够显示某种类型的通知(Possiblly使用PNotify添加为Bootstrap). MVC希望始终重定向到../Playlist/AddSong?playlistId=1\u0026amp;songId=1
关于如何完成问题的最后部分的任何想法都会很棒.
解决方法
>使用javascript动态显示弹出窗口.
>当用户在弹出窗口中点击“确定/提交”时,使用javascript将数据发布回服务器,并让您发布的控制器返回一些HTML.
>将返回的HTML块(部分视图)附加到包含播放列表轨道的现有div.
最困难的部分是asynchronous post.有关更新div而不重新加载整个页面的帮助可以在this question找到.
编辑 – 示例
如果您使用URL myapp.com/PlayList/AddSong/进行控制器操作(接受POSTs),那么您需要设置JQuery以发布到此URL.您还可以使用您要发布的任何表单数据设置data属性,在您将dataistId和songId添加到data属性的情况下.
然后,您将使用AJAX查询(HTML)的结果并将其附加到页面上的现有播放列表HTML.因此,假设您要将部分视图的HTML附加到具有ID播放列表Div的div,并假设您的部分视图返回HTML,该HTML在附加到现有播放列表时有效,那么您的javascript将如下所示：
var data = { playlistId = 1,songId = 1 };
$.ajax({
type: "POST",url: 'http://myapp.com/PlayList/AddSong/',data: data,success: function(resultData) {
// take the result data and update the div
$("#playlistDiv").append(resultData.html)
},dataType: dataType
});
免责声明：我无法保证此代码可以100％正常工作(除非我自己编写程序).您使用的JQuery版本可能存在差异等,但稍微调整它应该可以达到预期的效果.
