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作为数据源提供给此网格。但我的问题是，模板列仅显示第一条记录的数据，所取的值来自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足以让你前进。

ASP.NET javascript嵌入模板列

1 个答案: