$(function() { $('#divtrade').dialog({ autoOpen: false, width: 1400, height: 600, "> $(function() { $('#divtrade').dialog({ autoOpen: false, width: 1400, height: 600, "> $(function() { $('#divtrade').dialog({ autoOpen: false, width: 1400, height: 600, " />

Hoe kan actie worden aangeroepen tijdens het klikken op de knop in de jQuery-dialoog?

Ik heb jQuery ui-dialoog gemaakt met behulp van de onderstaande code. het werkte prima. maar de knop Sluiten werkt niet. Ik voegde "Toevoegen Trade" knop in het dialoogvenster toe, wanneer ik op de knop klikte die ik een Controller Action aan de handel wil toevoegen op hetzelfde moment dat het dialoogvenster niet zou moeten verdwijnen en het zou dezelfde inhoud moeten tonen. heb je suggesties voor dit probleem.

<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>
0
Dus u wilt gewoon een ajax-aanvraag plaatsen in de callback voor 'toevoegen aan handel', toch? Als dat het geval is, kijk dan naar $ .ajax() in jQuery.
toegevoegd de auteur Sergey Akopov, de bron

1 antwoord

Voeg zoiets toe dit:

$.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");
   }
);

If you want full details about jQuery Ajax

0
toegevoegd