• GridView 分页 显示加载进度


    js:

     
        
    <script type="text/javascript">
            
    function onUpdating() {
                
    var updateProgressDiv = document.getElementById('upCustomer');
                
    var gridView = document.getElementById('gvUpdateProgress');

                
    var gridViewBounds = Sys.UI.DomElement.getBounds(gridView);
                
    var updateProgressDivBounds = Sys.UI.DomElement.getBounds(updateProgressDiv);

                
    var x = gridViewBounds.x + Math.round(gridViewBounds.width / 2- Math.round(updateProgressDivBounds.width / 2);
                
    var y = gridViewBounds.y + Math.round(gridViewBounds.height / 2- Math.round(updateProgressDivBounds.height / 2);

                Sys.UI.DomElement.setLocation(updateProgressDiv, x, y);

            }     
        
    </script>

    <div>
            
    <asp:ScriptManager ID="ScriptManager1" runat="server">
            
    </asp:ScriptManager>
            
    <table border="0" cellpadding="0" cellspacing="0" width="100%">
                
    <tbody>
                
    <tr>
                 
    <td style="  100%; ">
                 
    <asp:UpdateProgress ID="upCustomer" AssociatedUpdatePanelID="upnlCustomer" runat="server">
                  
    <ProgressTemplate>
                   
    <div id="imgdivLoading" align="center" valign="middle" runat="server"  >
                   
    <asp:Image ID="imgLoading" runat="server" ImageUrl="Images/loading.gif"  />
                  
    </div>
                   
    </ProgressTemplate>
                  
    </asp:UpdateProgress>
                 
    </td>
               
    </tr>
                   

                
    <tr>
                
    <td style=" 100%">
                 
    <asp:UpdatePanel ID="upnlCustomer" runat="server">
                 
    <ContentTemplate>
                   
    <asp:GridView ID="gvUpdateProgress"  .... </asp:GridView>
                  
    </ContentTemplate>
                 
    </asp:UpdatePanel>
                
    </td>
                
    </tr>
                
    </tbody>
            
    </table>
        
    </div>

     

     

     

    protected void Page_Load(object sender, EventArgs e)
        {
            gvUpdateProgress.Attributes.Add("onclick", " onUpdating();");
            bindGrid();
        }

     

     

     private void bindGrid()
        {
            SqlConnection conn = new SqlConnection("");
            conn.ConnectionString = "Trusted_Connection=yes;Addr=Localhost;Initial Catalog=Northwind";
            SqlCommand cmdCustomer = new SqlCommand("select CustomerID,CompanyName,ContactName,City,PostalCode,Country,Phone from Customers", conn);
            SqlDataAdapter adptCustomer = new SqlDataAdapter(cmdCustomer);
            DataSet dsCustomer = new DataSet();
            adptCustomer.Fill(dsCustomer,"Customer");
            gvUpdateProgress.DataSource = dsCustomer.Tables["Customer"].DefaultView;
            gvUpdateProgress.DataBind();

        }

    protected void gvUpdateProgress_PageIndexChanging(object sender, GridViewPageEventArgs e)
        {
            System.Threading.Thread.Sleep(3000); // waiting period
            gvUpdateProgress.PageIndex = e.NewPageIndex;
            gvUpdateProgress.DataBind();
        }

  • 相关阅读:
    Vue scoped lang
    Vue生命周期
    js 面试题 a.x = a = { n: 2 }
    Leaflet中对鼠标按下、移动事件监听实现移动单个图形
    Leaflet中使用Leaflet.draw插件实现图形交互绘制和编辑(修改图形坐标点)
    C/C++ 实现正反向端口映射
    C/C++ ShellCode 常用加密方式
    FPS游戏:实现人物定点瞬移
    达梦数据库:第三章:报错有歧义的列名[PRIVILEGE_NAME]
    达梦数据库,第二章:报错不是 GROUP BY 表达式
  • 原文地址:https://www.cnblogs.com/zengxiangzhan/p/1669420.html
Copyright © 2020-2023  润新知