zoukankan      html  css  js  c++  java
  • 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>
  • 相关阅读:
    ubuntu系统下安装最新版的MySQL
    scp本地服务器和远程服务器拷贝文件
    linux设置环境变量
    PHP程序员玩转Linux系列-lnmp环境的搭建
    nginx与负载均衡
    Linux下vim的常用命令总结
    nginx与location规则
    ssh秘钥对免密码登陆
    ubuntu下安装php pdo扩展和导入数据库
    ArrayList的删除实现
  • 原文地址:https://www.cnblogs.com/barney/p/1206508.html
Copyright © 2011-2022 走看看