Question

我使用下面的代码创建了jQuery ui对话框。它工作得很好。但是，关闭按钮不起作用。我在对话框中添加了“添加交易”按钮，当我单击按钮时，我想调用一个控制器动作到添加交易，同时对话框不应该消失，它应该显示相同的内容。你对这个问题有任何建议吗？

<script type="text/javascript">
 $(function () {
     $('#divtrade').dialog({
         autoOpen: false,
         width: 1400,
         height: 600,
         resizable: false,
         title: 'New Trades',
         modal: true,
         buttons: {
             "Close": function () {
                 //close button not working
                 $('#divtrade').dialog("close");
             },
             "Add Trade": function () {
                   //how to invoke controller to add trade using jquery, at the same time
                   //dialog should not disappear, it should show the previous view
             }
         }
     });
 });


$('.newtrade').click(function () {
    $('#divtrade').load('@Url.Action("NewTrade","Trade")').dialog('open');

});
   </script>

  <div id="divtrade"  style="display:none;"></div>

Answer 1

添加以下内容：

$.ajax(
   url:'@Url.Action("YourAction","YourController")',
   success : function(data){
      $('#divtrade').html(data);
      $('#divtrade').show();
      // You may consider to close the dialog after loading the content
      $('#divtrade').dialog("close");
   }
);

如果您需要有关jQuery Ajax

的完整详情

如何在jquery对话框中单击按钮时调用Action？

1 个答案: