Question

我有一个简单的应用程序，它是使用VS2012在Web表单应用程序中用C＃编写的。

有一个按钮可以开始处理，我想通过在Label中添加一些文本来向用户提供处理进度的更新。我以为我可以将Label控件放在UpdatePanel中，然后在Button click事件期间通过调用UpdatePanel Update（）方法触发Label文本中的更改。但是，标签文本更改的唯一时间是在点击事件完成并显示标签文本后，＆＃39;处理完成＆＃39;。

这是我的xml：

这是背后的代码：

protected void btnCreateFiles_Click(object sender, EventArgs e)
    {
        //Do some stuff

        //Show the message that the application is processing
        lblCaption.Text = "Processing...updating label data";
        ProgressUpdatePanel.ContentTemplateContainer.Controls.Add(lblCaption);
        ProgressUpdatePanel.Update();      

        //Call to database to insert labels
        //Call to database to get the labels 

        lblCaption.Text = "Processing...creating label files.";
        ProgressUpdatePanel.ContentTemplateContainer.Controls.Add(lblCaption);
        ProgressUpdatePanel.Update();   

       //Create Text files from data

        lblCaption.Text = "Processing...updating label counts.";
        ProgressUpdatePanel.ContentTemplateContainer.Controls.Add(lblCaption);
        ProgressUpdatePanel.Update();   

        //Database call to insert count records
        //Create file of count records

        lblCaption.Text = "Processing...completed.";
        ProgressUpdatePanel.ContentTemplateContainer.Controls.Add(lblCaption);
        ProgressUpdatePanel.Update();   
    }

显示的唯一文字是上次更新...＆＃34;处理...已完成。＆＃34;

为什么其他更新不会触发要更改的标签文字？

由于

更新要求

我稍微改变了我的要求。而不是多次更新。我在进度模板中添加了一个标签，以便在处理开始时显示初始消息，然后在处理完成时使用lblCaption标签显示另一条消息。但是，当第二次点击该按钮时，会显示两条消息：＆＃39;请等待创建文件...＆＃39;和＆＃39;处理......已完成＆＃39;。

如何重置“进度模板”中的文字，仅显示“请稍候...＆＃39;消息而不是处理......完成＆＃39;消息呢？

这是现在的aspx文件：

现在Button事件处理程序方法如下所示：

protected void btnCreateFiles_Click(object sender, EventArgs e)
        {
            //All of the processing is done here...

            //This works correctly the first time a user click the button
            //But the second time, this text remains and the 'Please wait...' text from the lblProgress label
            // is added above this text.
            ProgressUpdatePanel.ContentTemplateContainer.Controls.Add(lblCaption);
            ProgressUpdatePanel.Update();   
            lblCaption.Text = "Processing...completed.";

        }

更新我已经尝试了以下内容来清除标签lblCaption中的文本。我已经通过代码执行了这个代码，因为标签文本没有被清除我尝试在Page_Load（）方法中重置标签，如下所示：

 protected void Page_Load(object sender, EventArgs e)
    {
        if (!IsPostBack)
        {
            txtBoxEnvironment.Text = CurrentEnvironment;
            DAL.setConnectionString(CurrentEnvironment);
        }
        ProgressUpdatePanel.ContentTemplateContainer.Controls.Add(lblCaption);
        ProgressUpdatePanel.Update();   
        lblCaption.Text = "";
    }

我已经删除了ProgressUpatePanel方法，并尝试设置标签文本，但未重置。

我错过了什么？

Answer 1

UpdatePanel上的Update方法无法按预期方式运行。

来自MSDN http://msdn.microsoft.com/en-us/library/system.web.ui.updatepanel.update(v=vs.110).aspx：如果您具有必须执行的服务器代码以确定是否应更新UpdatePanel控件，请调用Update方法。

如果您想模拟进程进度，可以通过调用隐藏按钮来启动多个部分回发。每个按钮将执行另一个步骤，并通过javascript调用按钮单击下一步。这可能容易出错并且效率低下。但这是一种做你正在尝试的方法。另一种方法是使用$ .ajax来使用JQuery和（仍然进行多次调用），调用成功回调的下一步。

以您的代码为例，这是您想要的基本工作示例 - 我理解的方式：

<强>标记

<asp:UpdatePanel ID="ProgressUpdatePanel" runat="server" UpdateMode="Conditional">
    <ContentTemplate>
        <asp:Button ID="btnCreateFiles" runat="server" Text="Go" OnClick="btnCreateFiles_Click" />
        <asp:Label ID="lblCaption" runat="server" Text="" />
    </ContentTemplate>
</asp:UpdatePanel>

<script type="text/javascript">
    $(document).ready(function () {
        bindButton();
    });
    function bindButton() {
        $('#<%=btnCreateFiles.ClientID%>').on('click', function () {
            $('#<%=lblCaption.ClientID%>').html('Please Wait...');
    });
}
</script>

代码背后

    protected void Page_Load(object sender, EventArgs e) {
        if (!IsPostBack) {
            //txtBoxEnvironment.Text = CurrentEnvironment;
            //DAL.setConnectionString(CurrentEnvironment);
        }
        ProgressUpdatePanel.ContentTemplateContainer.Controls.Add(lblCaption);
        ProgressUpdatePanel.Update();
        lblCaption.Text = "";

    }

    protected void btnCreateFiles_Click(object sender, EventArgs e) {
        //All of the processing is done here...

        //This works correctly the first time a user click the button
        //But the second time, this text remains and the 'Please wait...' text from the lblProgress label
        // is added above this text.
        ProgressUpdatePanel.ContentTemplateContainer.Controls.Add(lblCaption);
        ProgressUpdatePanel.Update();
        lblCaption.Text = "Processing...completed.";
        System.Threading.Thread.Sleep(1000);

        ScriptManager.RegisterClientScriptBlock(Page, typeof(string), "bindButton", "bindButton();", true);
    }

Answer 2

我认为如果不写一些额外的代码，你就无法做你想做的事。 UpdatePanel不会向UI提供多个更新。

本文可能会帮助您实现目标：http://encosia.com/easy-incremental-status-updates-for-long-requests/

这篇文章有点旧，但仍然可能有用：http://msdn.microsoft.com/en-us/magazine/cc163393.aspx

Answer 3

我同意Rick S我们真的需要看到处理代码;你在这里拥有的代码不仅仅是处理太快而无法查看其他消息。这将导致您看到的问题，即显示的唯一消息是最后一条消息。

使用ASP.Net在单击事件期间多次更新标签文本

3 个答案: