2016-07-27 8 views
0

グリッドから複数の行が選択されています(例:5レコード)。ボタン(キャプション - 割り当て)をクリックすると、最初のアイテムのメッセージボックスを表示し、割り当て機能を実行して成功メッセージを表示する必要があります。その後、2番目のアイテムの次のメッセージボックスを表示し、成功メッセージを割り当てて表示する機能を実行し、5つのアイテム全体について上記のプロセスを続行します。しかし、私の問題は次のとおりです:メッセージの表示

私はforループを持っています。そのループメッセージボックスの中にメッセージを表示する機能があります。しかし、一度に全体が実行され、1つのメッセージボックスしか表示されません。私たちはメッセージがdivにあることを示しています。

メッセージボックスをループで呼び出す関数です。

$("#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) 
      } 

     } 

    } 
} 

表示するメッセージボックス機能:

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; 

}

答えて

0

応答:OKの場合:機能 - 最初破壊し、HTMLをクリアして進みます。これが私たちが実装する必要のある唯一の変更です。

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; 
    } 
関連する問題