• ajax的loading显示在gridview的位置

    <body>
            <form id="form1" runat="server">
            <asp:ScriptManager ID="ScriptManager1" runat="server">
            </asp:ScriptManager>
            <asp:UpdatePanel ID="UpdatePanel1" runat="server">
                <ContentTemplate>
                    <div style="background-color:Beige;">
                        <asp:GridView ID="GridView1" runat="server" AutoGenerateColumns="False" 
                        DataSourceID    ="AccessDataSource1">
                            <Columns>
                                <asp:BoundField DataField="图书简介" HeaderText="图书简介" SortExpression="图书简介" />
                                <asp:BoundField DataField="图书名称" HeaderText="图书名称" SortExpression="图书名称" />
                                <asp:BoundField DataField="作者" HeaderText="作者" SortExpression="作者" />
                            </Columns>
                        </asp:GridView>
                        <div style="position:absolute; top:100px; left:300px; font-size:40px; color:Red;">
                            <asp:UpdateProgress ID="UpdateProgress1" runat="server">
                                <ProgressTemplate>
                                    <div>更新数据，请稍候……</div>
                                </ProgressTemplate>
                            </asp:UpdateProgress>
                        </div>
                    
                    </div>
                    <asp:Button ID="Button1" runat="server" Text="Button" onclick="Button1_Click" />
                </ContentTemplate>
            </asp:UpdatePanel>
            <asp:AccessDataSource ID="AccessDataSource1" runat="server"  DataFile="~/App_Data/电子交易.mdb" 
             SelectCommand    ="SELECT [图书简介], [图书名称], [作者] FROM [书籍信息]">
            </asp:AccessDataSource>
            </form>
            </body>

    页面上用到了UpdateProgress，以便在进行各种操作时显示一个等待图标，给用户解解闷，好让他们在漫长的等待结果的岁月中不那么烦躁，知道系统正在忙。

    形如：

    <asp:UpdateProgress ID="UpdateProgress1" runat="server" >

            <ProgressTemplate>

            <img src="../images/loading.gif" alt="请稍候" />

    </ProgressTemplate>

    </asp:UpdateProgress>

    可是这样写的话图标就歪在一边，不显眼。如果写上个绝对定位，比如

    style    ="position:absolute;left:400px;top:300px;",可这仅仅适合800*600的屏幕，而用户的屏幕分辨率千差万别。

    最后发觉可以用百分比，这样写：

    <asp:UpdateProgress ID="UpdateProgress1" runat="server" >

            <ProgressTemplate>

            <img src="../images/loading.gif" alt="请稍候" style="position:absolute;left:50%;top:50%;"/>

    </ProgressTemplate>

    </asp:UpdateProgress>
  • 相关阅读:
    30天敏捷结果（26）： 如何解决问题
    30天敏捷结果（30）：提升敏捷结果
    30天敏捷结果（27）：做些有重要意义的事
    STM32笔记A
    嵌入式linux驱动开发入门总结
    2014年个人计划
    迄今为止见过最好的职业规划
    30天敏捷结果（28）：撰写你的个人使命
    C语言深度解剖读书笔记
    基于 SQLite 数据库的 C# 实体模型的实现
  • 原文地址：https://www.cnblogs.com/barney/p/1206508.html
Copyright © 2020-2023  润新知