ASP.NET javascript embed in template column
<p>I am developing a web page in which a rad grid displays the list of exams. I included a template column which shows count down timer when the exam is going to expire.</p>

<p>Code is as given below:</p>

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

                        &lt;script language="JavaScript" src="http://scripts.hashemian.com/js/countdown.js" type="text/javascript"&gt;&lt;/script&gt;

                    &lt;/ItemTemplate&gt;
                &lt;/telerik:GridTemplateColumn&gt;
            &lt;/Columns&gt;
        &lt;/MasterTableView&gt;
    &lt;/telerik:RadGrid&gt;
</code></pre>

<p>I am giving DataTable as datasource to this grid. But my problem is , the template column is showing data only for the first record and the value taken is from the last row in the DataTable.</p>

<p>For Ex:  If I give data as given below, I can see 3 records but with only the first record displaying the counter with last value(<code>10/10/2010 05:43 PM</code>).</p>

<pre><code>02/02/2011 01:00 AM

08/09/2010 11:00 PM

10/10/2010 05:43 PM
</code></pre>

<p>Could you please help in this??</p>

<p>Thanks,
Mahesh</p>
