Exécuter le code derrière la fonction quand je clique dans le bouton de la boîte de dialogue jquery

Question

J'ai un bouton, qui ouvre un dilag Jquery et montre quelques div. La boîte de dialogue affiche 2 boutons ("ok" et "Annuler").

Je voudrais exécuter un code derrière la fonction (C# .net) lorsque je clique dans la boîte de dialogue "OK".

Comment puis-je faire cela?

$("#dialog").dialog({ 
    autoOpen: false, 
    modal: true, 
    title: "Image Full Size", 
    draggable: true, 
    resizable: false, 
    show: 100, 
    width: 900, 
    height: 680, 
    buttons: 
     { 
      "Ok": function() { 
       $(this).dialog("close"); 
      }, 
      "Cancel": function() { 
       $(this).dialog("close"); 
      } 
     } 
    }); 

Par exemple:

Pour appeler immédiatement au-dessous fonction en C# .net

public void loadInfo() 
{ 
    // Do something 
} 

Answer 1

one way that we needed to add our method as a webmethod, if we want to call a method from code behind at client side Write your loadInfo() Method server side in the CS file and calling it from client side using JQuery. 

voir ci-dessous le code

$("#dialog").dialog({ 
     autoOpen: false, 
     modal: true, 
     title: "Image Full Size", 
     draggable: true, 
     resizable: false, 
     show: 100, 
     width: 900, 
     height: 680, 
     buttons: 
     { 
      "Ok": function() { 
      $.ajax({ type: "GET", 
      contenttype: "application/json; charset=utf-8", 
      data: "{null}", 
      url: "WebService1.asmx/loadInfo", 
      dataType:"json", 
      success: function(res) { 
      // Do something means binding data 
    }, 
    error: function(err) { 
    alert(err); 
} 
    }); 
     $(this).dialog("close"); 
     }, 
     "Cancel": function() { 
      $(this).dialog("close"); 
     } 
     } 
}); 

Answer 2

Une façon très rapide et simple pour obtenir cette fonctionnalité est d'utiliser un champ masqué à l'événement OnValueChange .

<asp:HiddenField ID="hf" clientidmode="static" runat="server" OnValueChanged="hf_ValueChanged" /> 

Puis dans votre script:

"Ok": function() { 
     $(this).dialog("close"); 
     $("#hf").value("1"); 
}, 
"Cancel": function() { 
     $(this).dialog("close"); 
}