在部分视图中发布后保持JQuery UI对话框打开

时间:2014-08-26 08:01:39

标签: jquery asp.net-mvc jquery-ui razor modal-dialog

我目前正在使用ASP.Net MVC 5开发应用程序。该应用程序使用JQuery UI库来显示模式对话框。

我遇到的问题是,在我的一个模态对话框中,我要求用户从下拉列表中选择一个产品(在对话框中)和用户选择我要重新加载对话框但是已经填充了它在用户选择上(不关闭对话框)。

任何人都可以向我提供有关如何实现这一目标的任何指示。

此致

斯图尔特

2 个答案:

答案 0 :(得分:1)

您无法重新加载页面,因为如果页面重新加载对话框将关闭,那么您可以创建一个简单的局部视图,当用户从下拉列表中选择一个值时,只需将值传递给partialview,然后在ajax调用的帮助下在对话框中加载该partialview jquery这将阻止页面加载和关闭对话框。

修改: -

演示:

$(document).ready(function(){
   $("#dropdown1").change(function(){
      $.ajax({
                url: "/MyController/getdata",
                type: 'GET',
                datatype: 'html',
                data: { dropval : $(this).val() },
                success: function (data) {
                   $("#div1").html('');
                   $("#div1").html(data);

            });
    });
});

Controller(MyController):

[HttpGet]
Public ActionResult getdata(string dropval)
{
//bind model here
return PartialView("mypartialview",model)
}

答案 1 :(得分:0)

我建议不重新加载对话框,你可以通过ajax调用清除并重新填充对话框。你可以做一个ajax调用来获取控制器的动作并返回局部视图 在success方法中,根据用户更新对话框的html。