2016-07-27 13 views
0

Ausgewählte mehrere Zeilen aus einem Raster, z. B. 5 Datensätze. Wenn ich auf eine Schaltfläche klicke (Überschrift - Zuweisen), möchte ich das Meldungsfeld für das erste Element anzeigen und die Zuweisungsfunktionalität ausführen und die Erfolgsmeldung anzeigen. Danach zeigen Sie das nächste Meldungsfeld für das zweite Element und führen Sie die Funktionalität zum Zuweisen und Anzeigen der Erfolgsnachricht aus, und fahren Sie den obigen Prozess für die ganzen 5 Elemente fort. Aber jetzt ist mein Problem:Anzeige der Nachrichtenausgabe

Ich habe eine for-Schleife, innerhalb dieser Schleife messagebox Funktion dort, um Nachricht zu zeigen. Aber es wird das ganze auf einmal ausgeführt und zeigt nur eine Nachrichtenbox. Wir zeigen Nachricht ist in einem div.

Dies ist die Funktion, um das angezeigte Meldungsfeld in einer Schleife aufzurufen.

$("#DwgEquipmentAssignBlock").on("click", function (e) 
{ 

    e.preventDefault(); 
    var totalSelectedIds=""; 
    var selectedcount = getWijGridSelectedRowCount("Grid1"); 
    if(selectedcount !=0) 
    {   

     for (var i = 0; i < selectedcount; i++) 
     {   
      var okReturn=showAlert("Select a Block to assign the selected Equipment"); 
      okReturn.okClick = function() 
      { 
       console.log('Value of i' + i); // I got only one console result as the count. (the total count) 
      } 

     } 

    } 
} 

anzeigen messagebox Funktion:

function showAlert(msg) {//Messagebox with out grid page 

var showAlerObject = {}; 
showAlerObject.$dvMessageBox = $("#dvMessageBox"); 
showAlerObject.$dialogboxForMessage = $('#dialogboxForMessage'); 
showAlerObject.$dvMessageBox.html(msg); 
$(".ui-widget").css({ "font-weight": +"bold" }); 
showAlerObject.$dialogboxForMessage.dialog({ 
    title: 'Edu Plus', 
    showOnLoad: false, 
    autoExpand: false, 
    autoOpen: false, 
    width: 370, 
    modal: true, 
    close: function() { 

     showAlerObject.$dialogboxForMessage.dialog('destroy'); 
     showAlerObject.$dvMessageBox.html(''); 
    }, 
    buttons: { 

     OK: function() { 
      if (showAlerObject.okClick !== null) { 
       showAlerObject.okClick(); 
      } 
      showAlerObject.$dialogboxForMessage.dialog('destroy'); 
      showAlerObject.$dvMessageBox.html(''); 
     } 
    }, 
    show: 'fade', 
    hide: 'fade', 
    dialogClass: 'main-dialog-class' 
}); 
showAlerObject.$dialogboxForMessage.dialog("open"); 
return showAlerObject; 

}

Antwort

0

Antwort: OK: Funktion - zuerst zerstören und die html löschen und fortzufahren. Das ist die einzige Änderung, die wir umsetzen müssen.

function showAlert(msg) {//Messagebox with out grid page 
    var showAlerObject = {}; 
    showAlerObject.$dvMessageBox = $("#dvMessageBox"); 
    showAlerObject.$dialogboxForMessage = $('#dialogboxForMessage'); 
    showAlerObject.$dvMessageBox.html(msg); 
    $(".ui-widget").css({ "font-weight": +"bold" }); 
    showAlerObject.$dialogboxForMessage.dialog({ 
    title: 'Edu Plus', 
    showOnLoad: false, 
    autoExpand: false, 
    autoOpen: false, 
    width: 370, 
    modal: true, 
close: function() { 
    showAlerObject.$dialogboxForMessage.dialog('destroy'); 
    showAlerObject.$dvMessageBox.html(''); 
}, 
    buttons: { 
     OK: function() { 
      showAlerObject.$dialogboxForMessage.dialog('destroy'); 
      showAlerObject.$dvMessageBox.html(''); 
      if (showAlerObject.okClick !== null) { 
       showAlerObject.okClick(); 
      }     
     } 
    }, 
    show: 'fade', 
    hide: 'fade', 
    dialogClass: 'main-dialog-class' 
    }); 
    showAlerObject.$dialogboxForMessage.dialog("open"); 
    return showAlerObject; 
    }