asp.net-mvc如何使用 jQuery UI 模式窗体从 ASP.Net MVC 列表页

发布时间: 2016/10/4 21:01:02
注意事项: 本文中文内容可能为机器翻译,如要查看英文原文请点击上面连接.

我试图用这个︰ http://jqueryui.com/demos/dialog/#modal-form

我有︰

 <script type="text/javascript">
  $(document).ready(function() {
  $("#dialog").dialog();
  $("#dialog").dialog('close');

      $('.myPop').click(function() {            
          $("#dialog").dialog('open');
      });
  });

它允许我弹出菜单上的 '.myPop',只不过是一个临时的输入按钮,我工作的列表中单击:

<button type="button" class="myPop"></button>

我的问题是控制器的-使用该弹出式菜单转到我的编辑方法,来填充控件,然后能够回到模型保存并刷新列表页的最好方法是控制器的什么?

我想要请跟在 ASP.Net MVC 中的最佳实践。

我 beetr 也许用这个吗? http://dev.iceburg.net/jquery/jqModal/

谢谢你

解决方法 1:

显然是一堆的方式做到这一点,但在这里是将如何解决它。 执行一个 ajax 调用之前加载对话框填充对话框的内容,显示对话框中,并不是对保存关闭对话框并刷新网格。 这些都是基本,有下面一些帮助器代码。 我发现是一个好的习惯,要从保存返回的 json 结果采取行动,以确定是否已保存是成功的以及如果不是错误消息,指示向用户显示失败的原因。

<div id="dialog" title="Basic dialog">
  <!-- loaded from ajax call -->
  <form id="exampleForm">
 <input blah>
        <input type="button" onclick="Save()" />
  </form>
</div>

<script>
  $(function() {
      $('.myPop').click(function() { 
          $.get("editController/loadContents", function(data){
             $("#dialog").html(data);
           });           
          $("#dialog").dialog('open');
      });
  });


function Save(){
 $.post("/editController/Edit", $("#exampleForm").serialize(),
  function(data){
     $("#dialog").dialog('close');
    //update grid with ajax call
  });
}

</script>
官方微信
官方QQ群
31647020