Thủ thuật

Cấp bậc tác giả:

DOTNET

Làm thế nào để Delay Load trong UpdatePanel sử dụng Control UpdateProgress

Được viết bởi webmaster vào ngày 10/10/2013 lúc 07:03 PM

Bài trước Tôi đã hướng dẫn bạn Làm thế nào để Delay Load trong UpdatePanel sử dụng Timer Control. Bài này Tôi cũng sẽ hướng dẫn sử dụng UpdatePanel nhưng kết hợp với Control UpdateProgress.

0
8507

Làm thế nào để Delay Load trong UpdatePanel sử dụng Control UpdateProgress

Đầu tiên dựng Layout:

<%@ Page Title="" Language="C#" MasterPageFile="~/Site.master" AutoEventWireup="true" CodeFile="Example1.aspx.cs" Inherits="AllAboutDelayLoading_Example1" %>

<asp:Content ID="Content1" ContentPlaceHolderID="HeadContent" Runat="Server">

</asp:Content>

<asp:Content ID="Content2" ContentPlaceHolderID="MainContent" Runat="Server">

<asp:ScriptManager ID="ScriptManager1" runat="server"></asp:ScriptManager>

<script language="javascript" type="text/javascript">

function pageLoad(sender, e) {

if (!e.get_isPartialLoad()) {

__doPostBack('<%= upUpdatePanel.ClientID %>', 'aaaa');

}

</script>

<table>

<tr>

<td><img id="i1" src="img1.JPG" /></td>

<td><img id="i2" src="img2.JPG" /></td>

</tr>

<tr>

<td><img id="i3" src="img3.JPG" /></td>

<td style="background-color:Silver; border:dashed; ">

<asp:UpdatePanel ID="upUpdatePanel" runat="server" UpdateMode="Conditional"

onprerender="upUpdatePanel_PreRender" >

<ContentTemplate>

<asp:Label ID="Label1" runat="server" Text=""></asp:Label>

<br />

<asp:LinkButton ID="LinkButton1" runat="server" Enabled="false" ForeColor="Black" Font-Bold="true" Font-Size="Large" onclick="LinkButton1_Click">LinkButton disabled so far</asp:LinkButton>

</ContentTemplate>

</asp:UpdatePanel>

<asp:UpdateProgress ID="updProgressTab" runat="server" AssociatedUpdatePanelID="upUpdatePanel" >

<ProgressTemplate>

<div style="position: relative; top: 50%; text-align: center;">

<asp:Image ID="imgLoading" runat="server" ImageUrl="simple.gif" Width="34px" Height="30px" />Refreshing...

</div>

</ProgressTemplate>

</asp:UpdateProgress>

</td>

</tr>

</table>

</asp:Content>

Trong trang CS thực hiện các hàm sau để xử lý:

protected void LinkButton1_Click(object sender, EventArgs e)
    {
        Label1.Text = "Link Button Clicked";
    }

protected void upUpdatePanel_PreRender(object sender, EventArgs e)
    {
        if (Request["__EVENTTARGET"] == upUpdatePanel.ClientID && Request.Form["__EVENTARGUMENT"] == "aaaa")
        {
            System.Threading.Thread.Sleep(6000);
            LinkButton1.Enabled = true;
            LinkButton1.Text = "Enabled Now";
        }
    }

Nguồn bài viết: DOTNET.VN

Bài viết tương tự

BÌNH LUẬN BÀI VIẾT

HỌC HTML

Điểm nhấn

Thủ thuật

DOTNET

Làm thế nào để Delay Load trong UpdatePanel sử dụng Control UpdateProgress

Làm thế nào để Delay Load trong UpdatePanel sử dụng Control UpdateProgress

Bài viết tương tự

Bài viết mới nhất

LIKE BOX

Bài viết được xem nhiều nhất

HỌC HTML

Học Hệ thống Mạng

DotNet Group - Chia sẻ & Kết nối