UpdatePanel问题，为什么还是页面刷新？

<%@ Page Language="C#" AutoEventWireup="true" CodeFile="TestUpdatePanel.aspx.cs"
    Inherits="TestUpdatePanel" %><%@ Register Assembly="System.Web.Extensions, Version=1.0.61025.0, Culture=neutral, PublicKeyToken=31bf3856ad364e35"
    Namespace="System.Web.UI" TagPrefix="asp" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title></title>
</head>
<body>
    <form id="form1" runat="server">
    <asp:ScriptManager ID="ScriptManager1" runat="server">
    </asp:ScriptManager>
    <div>
        <table>
            <tr>
                <td>
                    告诉我当前时间为：<%=DateTime.Now.ToString()%>
                </td>
            </tr>
        </table>
        <table height="20" border="0" cellpadding="0" cellspacing="0" style="width: 100%">
            <asp:UpdatePanel ID="UpdatePanel1" runat="server">
                <ContentTemplate>
                    <tr>
                        <td style="height: 14px">
                            <table id="DataList" cellspacing="0" border="0" style="width: 100%; border-collapse: collapse;
                                text-align: left">
                                <asp:Repeater ID="rptList" runat="server">
                                    <ItemTemplate>
                                        <tr>
                                            <td>
                                                <%#Eval("Title") %>
                                            </td>
                                        </tr>
                                        <tr>
                                            <td>
                                                <hr size="1" style="border: 1px #cccccc dashed;">
                                            </td>
                                        </tr>
                                    </ItemTemplate>
                                </asp:Repeater>
                            </table>
                        </td>
                    </tr>
                    <tr>
                        <td>
                            <table width="100%" border="0" cellspacing="0" cellpadding="0">
                                <tr>
                                    <td class="downcenter">
                                        第<span id="lblCurPage" runat="server">1</span>页 &nbsp; 共<span id="lblCountpage" runat="server"></span>页
                                        &nbsp; 共<span id="lblCountRec" runat="server"></span>条记录
                                    </td>
                                    <td class="downcenter">
                                        <div align="right">
                                            <table height="15" border="0" cellpadding="0" cellspacing="0">
                                                <tr>
                                                    <td width="45" valign="middle" class="downcenter" style="height: 15px">
                                                        <input type="image" name="lbtnFirst" id="lbtnFirst" src="Images/page/first.gif" style="border-width: 0px;"
                                                            runat="server" onserverclick="ltbnFirst_Click" />
                                                    </td>
                                                    <td width="50" valign="middle" class="downcenter" style="height: 15px">
                                                        <input type="image" name="lbtnPrev" id="lbtnPrev" src="Images/page/back.gif" style="border-width: 0px;"
                                                            runat="server" onserverclick="lbtnPrev_Click" />
                                                    </td>
                                                    <td width="50" valign="middle" class="downcenter" style="height: 15px">
                                                        <input type="image" name="lbtnNext" id="lbtnNext" src="Images/page/next.gif" style="border-width: 0px;"
                                                            runat="server" onserverclick="lbtnNext_Click" />
                                                    </td>
                                                    <td width="45" valign="middle" class="downcenter" style="height: 15px">
                                                        <input type="image" name="lbtnLast" id="lbtnLast" src="Images/page/last.gif" style="border-width: 0px;"
                                                            runat="server" onserverclick="lbtnLast_Click" />
                                                    </td>
                                                    <td width="100" valign="middle" class="downcenter" style="height: 15px">
                                                        <div align="center">
                                                            转到第
                                                            <input name="txtPage" type="text" value="1" id="txtPage" onkeyup="value=value.replace(/[\D]/g,'')"
                                                                style="height: 12px; width: 25px; border: 1px solid #999999; font-size: 12px;
                                                                vertical-align: middle; text-align: center;" />
                                                            页</div>
                                                    </td>
                                                    <td width="20" valign="middle" class="downcenter" style="height: 15px">
                                                        <input type="image" name="btnGO" id="btnGO" src="Images/page/go.gif" style="border-width: 0px;"
                                                            runat="server" onserverclick="lbtnNext_Click" />
                                                    </td>
                                                </tr>
                                            </table>
                                        </div>
                                    </td>
                                </tr>
                            </table>
                        </td>
                    </tr>
                </ContentTemplate>
            </asp:UpdatePanel>
        </table>
    </div>
    </form>
</body>
</html>
using System;
using System.Data;public partial class TestUpdatePanel : System.Web.UI.Page
{
    protected void Page_Load(object sender, EventArgs e)
    {
        if (!IsPostBack)
        {
            bindRepeter(0, 8);
        }
    }    #region 绑定查询列表
    //绑定查询列表
    protected void bindRepeter(int start, int End)
    {
        DataTable dt = new DataTable();
        dt.Columns.Add("Title");
        for (int i = start; i < End; i++)
        {
            DataRow dr = dt.NewRow();
            dr["Title"] = "标题" + i.ToString();
            dt.Rows.Add(dr);
        }
        rptList.DataSource = dt;
        rptList.DataBind();
        lblCurPage.InnerText = (int.Parse(lblCurPage.InnerText) + 1).ToString();    }    #endregion
    protected void ltbnFirst_Click(object sender, EventArgs e)
    {
        int temp = int.Parse(lblCurPage.InnerText);
        bindRepeter(temp, temp + 8);
    }
    protected void lbtnPrev_Click(object sender, EventArgs e)
    {
        int temp = int.Parse(lblCurPage.InnerText);
        bindRepeter(temp, temp + 8);
    }
    protected void lbtnNext_Click(object sender, EventArgs e)
    {
        int temp = int.Parse(lblCurPage.InnerText);
        bindRepeter(temp, temp + 8);
    }
    protected void lbtnLast_Click(object sender, EventArgs e)
    {
        int temp = int.Parse(lblCurPage.InnerText);
        bindRepeter(temp, temp + 8);
    }
}

解决方案 »

  1.   

    <%@ Page Language="C#" AutoEventWireup="true" CodeFile="test.aspx.cs" Inherits="test" %><%@ Register Assembly="System.Web.Extensions, Version=1.0.61025.0, Culture=neutral, PublicKeyToken=31bf3856ad364e35"
        Namespace="System.Web.UI" TagPrefix="asp" %>
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head runat="server">
        <title></title>
    </head>
    <body>
        <form id="form1" runat="server">
        <div>
            <asp:Label ID="Label1" runat="server" Text="Label"></asp:Label>
            <asp:ScriptManager ID="ScriptManager1" runat="server">
            </asp:ScriptManager>
            <table>
                <tr>
                    <td>
                        浩明告诉我当前时间为：<%=DateTime.Now.ToString()%>
                    </td>
                </tr>
            </table>
            <asp:UpdatePanel ID="UpdatePanel1" runat="server">
                <ContentTemplate>
                    <asp:Repeater runat="server" ID="rpt1">
                        <ItemTemplate>
                            <table>
                                <tr>
                                    <td>
                                        当前索引为：<%#Eval("ID") %></br> 当前时间为：<%=DateTime.Now.ToString()%>
                                    </td>
                                </tr>
                            </table>
                        </ItemTemplate>
                    </asp:Repeater>
                    <asp:Label ID="Label2" runat="server" Text="Label"></asp:Label>
                    <asp:Button ID="Button1" runat="server" Text="Button" OnClick="Button1_Click" />
                </ContentTemplate>
            </asp:UpdatePanel>
        </div>
        </form>
    </body>
    </html>
    using System;
    using System.Collections.Generic;
    using System.Web;
    using System.Web.UI;
    using System.Web.UI.WebControls;
    using System.Web.UI.HtmlControls;
    using System.Data;public partial class test : System.Web.UI.Page
    {
        protected void Page_Load(object sender, EventArgs e)
        {
            if (!IsPostBack)
            {
                Label1.Text = "加载时间：" + DateTime.Now.ToString();
                bindrpt(0, 8);
            }    }
        protected void Button1_Click(object sender, EventArgs e)
        {
            Label2.Text = "测试刷新时间：" + DateTime.Now.ToString();
            bindrpt(10,20);
        }    protected void bindrpt(int start, int end)
        {
            DataTable dt = new DataTable();
            dt.Columns.Add("ID");
            for (int i = start; i < end; i++)
            {
                DataRow dr = dt.NewRow();
                dr["ID"] = i.ToString();
                dt.Rows.Add(dr);
            }
            rpt1.DataSource = dt;
            rpt1.DataBind();
        }
    }
      

  2.   

    你把button 按钮放到updatePanel外面试试
      

  3.   

    我把我遇到的问题简化了成了上面的两个Demo。在我测试出来，好像test页面Demo好像是局部刷新。而1楼则是页面刷新。为什么呢？
    这两个Demo数据源都是页面生成，有兴趣的可以拷贝下，在本地测试下看看。页面上UpdatePanel外的的时间是否刷新
      

  4.   

    放在外面需要Triggers吧？这是小问题。。我现在关键是两个页面没什么区别，为什么测试出来一个不同呢。。
      

  5.   

    button 按钮放到updatePanel外面,
    将使整个页面刷新,和设置Triggers没关系哦!
      

  6.   

    当然button放在updatePanel外面,想去刷新updatePanel里面的也是可以的!
    代码设置:
    ScriptManager1.RegisterPostBackControl(button的id);
      

  7.   


    你干嘛？我问的不是这个。。
    朋友，你帮帮忙，就把第一个Demo拷贝过去测试下
    谢谢了
      

  8.   

    这个跟你第一个demo页面的那个图片控件有关
    <input type="image">
    不信你把改成type="button" 看看还刷不刷新的
      

  9.   

    因为 <input type="image">只要你点击了 他默认执行一个submit事件  就是因为这个事件所以才刷新页面饿了
      

  10.   


    你确定？我因为我换过<asp:Button
    都没用的。。我测试过的
      

  11.   

    楼主， 我用你的代码测试了， 把type="image"全换成type="button" 
    的确就不刷新了。
      

  12.   

    我简单的试了一下 在那里加了一个<input type="button">事件不变 没有刷新页面
      

  13.   

    <html xmlns="http://www.w3.org/1999/xhtml">
    <head id="Head1" runat="server">
        <title></title>
    </head>
    <body>
        <form id="form1" runat="server">
            <div>
                <table>
                    <tr>
                        <td>
                            告诉我当前时间为：<br />
                            <br />
                            <br />
                            <%=DateTime.Now.ToString()%>
                        </td>
                    </tr>
                </table>
                <asp:ScriptManager ID="ScriptManager1" runat="server">
                </asp:ScriptManager>
                <asp:UpdatePanel ID="UpdatePanel1" runat="server">
                    <ContentTemplate>
                        <table height="20" border="0" cellpadding="0" cellspacing="0" style="width: 100%">
                            <tr>
                                <td style="height: 14px">
                                    <table id="DataList" cellspacing="0" border="0" style="width: 100%; border-collapse: collapse;
                                        text-align: left">
                                        <asp:Repeater ID="rptList" runat="server">
                                            <ItemTemplate>
                                                <tr>
                                                    <td>
                                                        <hr size="1" style="border: 1px #cccccc dashed;">
                                                    </td>
                                                </tr>
                                            </ItemTemplate>
                                        </asp:Repeater>
                                    </table>
                                </td>
                            </tr>
                            <tr>
                                <td>
                                    <table width="100%" border="0" cellspacing="0" cellpadding="0">
                                        <tr>
                                            <td class="downcenter">
                                                第<span id="lblCurPage" runat="server">1</span>页 &nbsp; 共<span id="lblCountpage" runat="server"></span>页
                                                &nbsp; 共<span id="lblCountRec" runat="server"></span>条记录
                                            </td>
                                            <td class="downcenter">
                                                <div align="right">
                                                    <table height="15" border="0" cellpadding="0" cellspacing="0">
                                                        <tr>
                                                            <td width="45" valign="middle" class="downcenter" style="height: 15px">
                                                                <input type="image" name="lbtnFirst" id="lbtnFirst" src="Images/page/first.gif" style="border-width: 0px;"
                                                                    runat="server" onserverclick="ltbnFirst_Click" />
                                                            </td>
                                                            <td width="50" valign="middle" class="downcenter" style="height: 15px">
                                                                <input type="image" name="lbtnPrev" id="lbtnPrev" src="Images/page/back.gif" style="border-width: 0px;"
                                                                    runat="server" onserverclick="lbtnPrev_Click" />
                                                            </td>
                                                            <td width="50" valign="middle" class="downcenter" style="height: 15px">
                                                                <input type="image" name="lbtnNext" id="lbtnNext" src="Images/page/next.gif" style="border-width: 0px;"
                                                                    runat="server" onserverclick="lbtnNext_Click" />
                                                            </td>
                                                            <td width="45" valign="middle" class="downcenter" style="height: 15px">
                                                                <input type="image" name="lbtnLast" id="lbtnLast" src="Images/page/last.gif" style="border-width: 0px;"
                                                                    runat="server" onserverclick="lbtnLast_Click" />
                                                            </td>
                                                            <td width="100" valign="middle" class="downcenter" style="height: 15px">
                                                                <div align="center">
                                                                    转到第
                                                                    <input name="txtPage" type="text" value="1" id="txtPage" onkeyup="value=value.replace(/[\D]/g,'')"
                                                                        style="height: 12px; width: 25px; border: 1px solid #999999; font-size: 12px;
                                                                        vertical-align: middle; text-align: center;" />
                                                                    页</div>
                                                            </td>
                                                            <td width="20" valign="middle" class="downcenter" style="height: 15px">
                                                                <input type="image" name="btnGO" id="btnGO" src="Images/page/go.gif" style="border-width: 0px;"
                                                                    runat="server" onserverclick="lbtnNext_Click" />
                                                            </td>
                                                        </tr>
                                                    </table>
                                                </div>
                                            </td>
                                        </tr>
                                    </table>
                                </td>
                            </tr>
                        </table>
                    </ContentTemplate>
                </asp:UpdatePanel>
            </div>
        </form>
    </body>
    </html>
      

  14.   

    <html xmlns="http://www.w3.org/1999/xhtml">
    <head id="Head1" runat="server">
        <title></title>
    </head>
    <body>
        <form id="form1" runat="server">
            <div>
                <table>
                    <tr>
                        <td>
                            告诉我当前时间为：<br />
                            <br />
                            <br />
                            <%=DateTime.Now.ToString()%>
                        </td>
                    </tr>
                </table>
                <asp:ScriptManager ID="ScriptManager1" runat="server">
                </asp:ScriptManager>
                <asp:UpdatePanel ID="UpdatePanel1" runat="server">
                    <ContentTemplate>
                        <table height="20" border="0" cellpadding="0" cellspacing="0" style="width: 100%">
                            <tr>
                                <td style="height: 14px">
                                    <table id="DataList" cellspacing="0" border="0" style="width: 100%; border-collapse: collapse;
                                        text-align: left">
                                        <asp:Repeater ID="rptList" runat="server">
                                            <ItemTemplate>
                                                <tr>
                                                    <td>
                                                        <hr size="1" style="border: 1px #cccccc dashed;">
                                                    </td>
                                                </tr>
                                            </ItemTemplate>
                                        </asp:Repeater>
                                    </table>
                                </td>
                            </tr>
                            <tr>
                                <td>
                                    <table width="100%" border="0" cellspacing="0" cellpadding="0">
                                        <tr>
                                            <td class="downcenter">
                                                第<span id="lblCurPage" runat="server">1</span>页 &nbsp; 共<span id="lblCountpage" runat="server"></span>页
                                                &nbsp; 共<span id="lblCountRec" runat="server"></span>条记录
                                            </td>
                                            <td class="downcenter">
                                                <div align="right">
                                                    <table height="15" border="0" cellpadding="0" cellspacing="0">
                                                        <tr>
                                                            <td width="45" valign="middle" class="downcenter" style="height: 15px">
                                                                <input type="image" name="lbtnFirst" id="lbtnFirst" src="Images/page/first.gif" style="border-width: 0px;"
                                                                    runat="server" onserverclick="ltbnFirst_Click" />
                                                            </td>
                                                            <td width="50" valign="middle" class="downcenter" style="height: 15px">
                                                                <input type="image" name="lbtnPrev" id="lbtnPrev" src="Images/page/back.gif" style="border-width: 0px;"
                                                                    runat="server" onserverclick="lbtnPrev_Click" />
                                                            </td>
                                                            <td width="50" valign="middle" class="downcenter" style="height: 15px">
                                                                <input type="image" name="lbtnNext" id="lbtnNext" src="Images/page/next.gif" style="border-width: 0px;"
                                                                    runat="server" onserverclick="lbtnNext_Click" />
                                                            </td>
                                                            <td width="45" valign="middle" class="downcenter" style="height: 15px">
                                                                <input type="image" name="lbtnLast" id="lbtnLast" src="Images/page/last.gif" style="border-width: 0px;"
                                                                    runat="server" onserverclick="lbtnLast_Click" />
                                                            </td>
                                                            <td width="100" valign="middle" class="downcenter" style="height: 15px">
                                                                <div align="center">
                                                                    转到第
                                                                    <input name="txtPage" type="text" value="1" id="txtPage" onkeyup="value=value.replace(/[\D]/g,'')"
                                                                        style="height: 12px; width: 25px; border: 1px solid #999999; font-size: 12px;
                                                                        vertical-align: middle; text-align: center;" />
                                                                    页</div>
                                                            </td>
                                                            <td width="20" valign="middle" class="downcenter" style="height: 15px">
                                                                <input type="image" name="btnGO" id="btnGO" src="Images/page/go.gif" style="border-width: 0px;"
                                                                    runat="server" onserverclick="lbtnNext_Click" />
                                                            </td>
                                                        </tr>
                                                    </table>
                                                </div>
                                            </td>
                                        </tr>
                                    </table>
                                </td>
                            </tr>
                        </table>
                    </ContentTemplate>
                </asp:UpdatePanel>
            </div>
        </form>
    </body>
    </html>
      

  15.   

    麻烦下一次把<table>放在updatepanel里面
      

  16.   


    呵呵，这是为什么呢？难道哪里说明UpdatePanel里面一定要完整的块代码？tr就是不能局部刷新了？
      

  17.   

    <table height="20" border="0" cellpadding="0" cellspacing="0" style="width: 100%">
                <div id="UpdatePanel1">

                        <tr>看了下源代码。。
    编译过后是这样的形式，不知道为什么这样会刷新页面，不知道这是什么原理虽然这不符合html规则。。但是不应该搞成刷新全页面的啊。。
      

  18.   

    把<table>放进去 你再试试 
      

  19.   

    呃， 我试验的时候， 也是自己把<table>移了下位置。
    忘记说了， 汗