显示消息问题

时间:2016-07-27 08:20:27

标签: jquery

从网格中选择多行,例如5条记录。当我点击一个按钮(标题 - 分配)时,我想显示第一个项目的消息框,并且必须执行分配功能并显示成功消息。之后显示第二个项目的下一个消息框,并执行分配和显示成功消息的功能,并继续上述整个5项的过程。但现在我的问题是:

我有一个for循环,在那个循环消息框函数里面显示消息。但它一次只执行一次,只显示一个消息框。我们正在显示消息在div中。

这是在循环中调用显示消息框的功能。

<div class="wrapper">
  <div class="box green"></div>
  <div class="box blue"></div>
  <div class="box red"></div>
  <div class="box yellow"></div>
</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)
            }

        }

    }
}

}

1 个答案:

答案 0 :(得分: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;
    }