Question

我有一个带有文本框，ddls，按钮等的asp.net表单。其中一个帖子需要一段时间才能完成。

使页面变暗的最快方法是什么，让用户无法选择任何表单控件并显示旋转加载栏，直到表单被发布？

是否有类似于jquery的内容？

Answer 1

这是我的解决方案。我添加一个隐藏的模态弹出窗口然后当你单击按钮我打开它。由于弹出窗口有autoOpen = false，因此将在回发后关闭。

<script type="text/javascript">
    $(function () {
        $("#<%=dialog.ClientID %>").dialog({
            autoOpen: false,height: 100,width: 200,modal: true,closeOnEscape: false,resizable: false,
            open: function(event, ui) { $(".ui-dialog-titlebar-close").hide(); },
            beforeClose: function (event, ui) { return false; }
        });
        $("#buttonId").click(function () {
                $("#<%=dialog.ClientID %>").dialog("open");
        });
    })
</script>
    <div runat="server" id="dialog" title="Loading ">
    <p>Loading...</p>
    </div>

可能的改进是将其嵌入到用户控件或母版页中，并使用类选择器而不是按钮名称。即$（ 'slowButton'）。

这意味着您可以选择应用效果的哪些按钮来简单地添加slowButton css类。

Answer 2

var $loader = $('<img src="loader.gif">').appendTo(document.body);

然后成功方法

success: function (data) {
           $loader.remove();
        }

它将隐藏屏幕，直到成功方法未被调用

或者你可以使用下面的插件

http://www.malsup.com/jquery/block/

Asp.net加载屏幕/隐藏表格

2 个答案: