嵌入到模板列中的ASP.NET javascript

Question

我正在开发一个网页，其中一个rad网格显示检查列表。我包含了一个模板列，其中显示了检查即将到期时的倒计时计时器。

代码如下：

 <telerik:RadGrid ID="radGrid" runat="server" AutoGenerateColumns="false">
        <MasterTableView>
            <Columns>
 <telerik:GridTemplateColumn HeaderText="template" DataField="Date">
                    <ItemTemplate>
                        <script language="JavaScript" type="text/javascript">
                            TargetDate = '<%# Eval("Date") %>';
                            BackColor = "white";
                            ForeColor = "black";
                            CountActive = true;
                            CountStepper = -1;
                            LeadingZero = true;
                            DisplayFormat = "%%D%% Days, %%H%% Hours, %%M%% Minutes, %%S%% Seconds.";
                            FinishMessage = "It is finally here!";
                        </script>

                        <script language="JavaScript" src="http://scripts.hashemian.com/js/countdown.js" type="text/javascript"></script>

                    </ItemTemplate>
                </telerik:GridTemplateColumn>
            </Columns>
        </MasterTableView>
    </telerik:RadGrid>

我将DataTable作为这个网格的数据源。但我的问题是，template列只显示第一条记录的数据，取值来自DataTable中的最后一行。

对于Ex:如果我给出如下数据，我可以看到3条记录，但只有第一条记录显示了具有最后一个值(10/10/2010 05:43 PM)的计数器。

02/02/2011 01:00 AM

08/09/2010 11:00 PM

10/10/2010 05:43 PM

你能帮个忙吗？

谢谢你，马赫什

Answer 1

您将需要重写该javascript以处理多个元素。

希望this jsfiddle是一个足够好用的例子来让你上路。