1

以下の画像を参照してください。

ここに画像の説明を入力シナリオ

Id " rpt1 "を持つリピーターコントロールがあり、その ItemTemplate の内部にはId " abc " であるスパン コントロールがあり、現在数字を表示しています。私も持っています。ticker above the repeater in format dd-MM-yyyy hh:mm:ss (27-05-2013 11:24:36), made up of ASP:Timer and ASP:UpdatePanel

要件

私が必要とするのは、タイマーの 2 番目の部分が 00 に達するたびに、スパンの内容を数値から画像に変更したいということです。

コード

ASPX:

 <form id="form1" runat="server">
    <asp:ScriptManager ID="scr" runat="server">
    </asp:ScriptManager>
    <asp:Timer ID="timer" runat="server" Interval="1000" OnTick="timer_Tick">
    </asp:Timer>
    <asp:UpdatePanel runat="server" ID="up1" UpdateMode="Always">
        <ContentTemplate>
            <asp:Label runat="server" ID="lblNum"></asp:Label>
        </ContentTemplate>
        <Triggers>
        <asp:AsyncPostBackTrigger ControlID="timer" EventName="Tick" />
        </Triggers>
    </asp:UpdatePanel>
    <asp:Repeater runat="server" ID="rpt1">
        <ItemTemplate>
            <table>
                <tr>
                    <td>
                        <span id="abc" runat="server">
                            <%#Eval("Number") %></span>
                    </td>
                </tr>
            </table>
        </ItemTemplate>
    </asp:Repeater>
    </form>

CS:

using System;
using System.Collections.Generic;
using System.Linq;
using System.Web;
using System.Web.UI;
using System.Web.UI.WebControls;
using System.Web.UI.HtmlControls;
using System.Threading;

namespace WebTest
{
    public partial class Default : System.Web.UI.Page
    {
        protected void Page_Load(object sender, EventArgs e)
        {
            if (!IsPostBack)
                BindList();
        }

        protected void timer_Tick(object sender, EventArgs e)
        {
            lblNum.Text = string.Format("{0:dd:MM:yyyy hh:mm:ss}",DateTime.Now);

            if (DateTime.Now.Second == 30)
            {
                Thread t = new Thread(DisplayImages);
                t.Start();
                t.Suspend();
                t.Join();

            }
        }

        private void BindList()
        {
            var list = new List<Numbers>();
            list.Add(new Numbers() { Number = 5 });
            list.Add(new Numbers() { Number = 6 });
            list.Add(new Numbers() { Number = 7 });
             list.Add( new Numbers() { Number = 5 });
             list.Add(new Numbers() { Number = 5 });

            rpt1.DataSource = list;
            rpt1.DataBind();
        }

        private void DisplayImages()
        {

            foreach (RepeaterItem item in rpt1.Items)
            {
                if (item.ItemType == ListItemType.Item || item.ItemType == ListItemType.AlternatingItem)
                {
                    var checkBox = ((HtmlGenericControl)(item.FindControl("abc")));

                    checkBox.InnerHtml = "<img src='http://pra.aps.org/sites/pra.test.ridge.aps.org/themes/PRA/graphics/button_go.gif'/>";
                }
            }
        }
    }

    public class Numbers
    {
        public int Number { get; set; }
    }
}

以前は、コードはシングル スレッドで実行されていました。今、スレッドを離してみましたが、役に立ちませんでした。毎回ページをリロードすることが主な問題だと思います。ページ全体ではなく、タイマー部分のみを更新できる可能性はありますか。

4

1 に答える 1

0

あなたがしなければならないことは次のとおりです。

  1. ASPX コードで、REPEATER を UpdatePanel.ContentTemplate の lblNum のすぐ下に移動します。
  2. C# コードで、「t.Suspend();」行を削除します。

これがお役に立てば幸いです。

コード

ASPX:

<form id="form1" runat="server">
<asp:ScriptManager ID="scr" runat="server">
</asp:ScriptManager>
<asp:Timer ID="timer" runat="server" Interval="1000" OnTick="timer_Tick">
</asp:Timer>
<asp:UpdatePanel runat="server" ID="up1" UpdateMode="Always">
    <ContentTemplate>
        <asp:Label runat="server" ID="lblNum"></asp:Label>
        <asp:Repeater runat="server" ID="rpt1">
    <ItemTemplate>
        <table>
            <tr>
                <td>
                    <span id="abc" runat="server">
                        <%#Eval("Number") %>
                    </span>
                </td>
            </tr>
        </table>
    </ItemTemplate>
</asp:Repeater>
    </ContentTemplate>
    <Triggers>
    <asp:AsyncPostBackTrigger ControlID="timer" EventName="Tick" />
    </Triggers>
</asp:UpdatePanel>

CS:

    protected void timer_Tick(object sender, EventArgs e)
    {
        lblNum.Text = string.Format("{0:dd:MM:yyyy hh:mm:ss}", DateTime.Now);

        if (DateTime.Now.Second == 30)
        {
            Thread t = new Thread(DisplayImages);
            t.Start();
            //t.Suspend();
            t.Join();
        }
    }
于 2013-05-28T11:05:40.483 に答える