Après le post de retour jquery ne fonctionne pas

J'ai de zone de liste déroulante dans laquelle j'ai remplissage des données de l'ajax de jquery. Il fonctionne très bien mais lorsque je clique sur le bouton enregistrer de nouveau se produit après le post de retour, il fonctionne pas.

C'est mon code Jquery.

 $(document).ready(function () {
var EmpCombo = $('#Cmb_PEmp');
var textbox = $("#TxBx_BasicSalary");
var BasicSalary = $('#Hid_BasicSalary');
var EmpID = $('#Hid_EmpID');
EmpCombo.on('change', function EmpCmbFuction(e) {
e.preventDefault();
myEvent();
});
function myEvent() {
var EmployeeId = $('#Cmb_PEmp :selected').val();
if (EmployeeId == 0) {
return;
}
$.ajax({
type: "POST",
cache: false,
contentType: "application/json; charset=utf-8",
url: '/WebService/GetBasicSalaryByEmpID.asmx/GetSalaryByEmpId',
data: '{ "EmployeeId": "' + EmployeeId + '" }',
dataType: 'json',
success: function (data) {
var data = $.parseJSON(data.d)
if (data["BasicSalary"] == 0) {
textbox.val("No BasicSalary Define Yet");
return;
}
textbox.val(data["BasicSalary"]);
BasicSalary.val(data["BasicSalary"]);
EmpID.val(EmployeeId);
},
error: function () { alert("error"); }
});
}
var prm = Sys.WebForms.PageRequestManager.getInstance();
prm.add_endRequest(function () {
$(document).ready(function () {
EmpCombo.on('change', function EmpCmbFuction(e) {
e.preventDefault();
myEvent();
});
});

Comment je vais résoudre ce problème après le post de retour, il ne me donne pas de bon résultat? Jquery n'effectue aucune fonction.

  • Êtes-vous à l'aide de Update panels dans votre code?
  • oui panneau de mise à jour dans la page maître
  • Avez-vous l'utilisation de la Page Maître et de mettre à Jour le panneau?
InformationsquelleAutor Amjad Shah | 2013-05-06
  1. 3

    Que vous êtes à l'aide de jQuery et de traitement de vos données à l'aide de jQuery, ajax, pourquoi ne mettez vous pas séparé de l'espace réservé (que deosn pas utiliser panneau de mise à jour). Et puis votre code difinitly travail
    e.g définir un espace réservé comme cela;

    <asp:Content ID="Content3" ContentPlaceHolderID="RemoveUpdatePanelPlaceHolder" runat="Server">
//your content goes here
</asp:Content>
    InformationsquelleAutor DotNet Dreamer
  2. 7

    Essayez d'utiliser 

    function pageLoad() 
{
}

    Place de $(document).ready()

    • pas wroking même problème
    InformationsquelleAutor Nalaka526
  3. 6
    function myEvent() {
//Put all your code
}
$(document).ready(function () {
myEvent();
});
var prm = Sys.WebForms.PageRequestManager.getInstance();
prm.add_endRequest(function () {
myEvent();
});
    • il a travaillé pour moi, voter pour u
    • Il a également travaillé pour moi, de voter pour vous. 🙂
    InformationsquelleAutor Nitin Sawant
  4. 4

    S'il vous plaît essayer le script ci-dessous la partie:

             function pageLoad(sender, args) {
//Your jquery code
}
I hope this will work.
    • Cela a très bien fonctionné pour moi. Semble comme pageLoad feux après les publications.
    InformationsquelleAutor Manish Ojha
  5. 1

    Je vois que vous êtes déjà à l'aide de la PageRequestManager nécessaires dans ce type de questions, mais vous avez besoin de mettre tout votre code, pour le faire fonctionner correctement comme ceci:

    var prm = Sys.WebForms.PageRequestManager.getInstance();
prm.add_endRequest(function () {
$(document).ready(function () {
var EmpCombo = $('#Cmb_PEmp');
var textbox = $("#TxBx_BasicSalary");
var BasicSalary = $('#Hid_BasicSalary');
var EmpID = $('#Hid_EmpID');
EmpCombo.on('change', function EmpCmbFuction(e) {
e.preventDefault();
myEvent();
});
function myEvent() {
//Put all your myEvent function code here
}
});
});
    • j'ai essayer de cette façon, mais le problème existe toujours
    • C'est peu délicat de travail w/ panneau de mise à jour et jQuery.
    InformationsquelleAutor palaѕн
  6. -1

    la document.ready fonction déclenche qu'une seule fois et il ne se déclenche pas, une fois le poste qui se passe.Essayez d'utiliser le page_load() fonction.

    InformationsquelleAutor user2127106