1

我希望在用户单击一个按钮以更新数据库中的某些条目后出现 blockUI 屏幕，但是自从页面加载以来它一直在运行，这对我来说没用。我希望它在用户点击后运行，并在进程完成后停止。

这是我的代码：

<script type="text/javascript">

 $.blockUI({ message: '<h2>Loading</h2>' });

</script>

我尝试使用 OnClientClick 事件调用该函数，但我不确定要准确调用什么，它要么给我一个错误，要么什么都不做。

4

1 回答 1

1

它在页面加载后运行，因为它在开始时加载您的脚本，因此它执行您的 blockUI，而您忘记取消阻止它，因此您的页面仍然被阻止。要解决这个问题，您应该在单击按钮时调用一个函数，该函数将阻止您的页面，直到您在数据库中完成更新，然后取消阻止它。

<script type="text/javascript">
  function clicked(){
    $.blockUI({ message: '<h2>Loading</h2>' });
    updateDatabase();
  }

  function updateDatabase(){
    // updating database

    // when the database finish your updates unblock your UI
    $.unblockUI();
  }
</script>

<body>

<button onclick="clicked();">Update Database</button>
</body>

我希望这能帮到您

于 2012-11-16T11:15:43.770 回答