I'm trying to add a highlight effect to newly added rows in the radgrid. I have a timer that will all me to rebind the radgrid to my datasource but I am unable to determine which row has been added to the grid so I will be able to call my highlight effect.
The code below will display for all rows whenever the timer fires. Is there a way to attach my highlight effect only on newly added rows instead of everything already in the grid too?
The code below will display for all rows whenever the timer fires. Is there a way to attach my highlight effect only on newly added rows instead of everything already in the grid too?
<script src="/scripts/prototype.js" type="text/javascript"></script> |
<script src="/scripts/scriptaculous.js" type="text/javascript"></script> |
<script type="text/javascript"> |
function RowCreated(sender, eventArgs) |
{ |
new Effect.Highlight(eventArgs.get_gridDataItem().get_element(), |
{ |
startcolor: "#ffff99", |
endcolor: eventArgs.get_gridDataItem().get_element().style.backgroundColor, |
duration: 8 |
}) |
} |
</script> |
<telerik:RadScriptManager ID="RadScriptManager1" runat="server"> |
</telerik:RadScriptManager> |
<telerik:RadAjaxPanel ID="RadAjaxPanel1" runat="server"> |
<telerik:RadGrid ID="RadGrid1" runat="server" Width="100%" DataSourceID="LinqDataSource1" |
GridLines="None" Skin="Telerik"> |
<MasterTableView AutoGenerateColumns="False" DataKeyNames="RequestId" DataSourceID="LinqDataSource1"> |
<RowIndicatorColumn Visible="False"> |
<HeaderStyle Width="20px"></HeaderStyle> |
</RowIndicatorColumn> |
<ExpandCollapseColumn Visible="False" Resizable="False"> |
<HeaderStyle Width="20px"></HeaderStyle> |
</ExpandCollapseColumn> |
<Columns> |
<telerik:GridBoundColumn DataField="RequestId" DataType="System.Decimal" HeaderText="RequestId" |
ReadOnly="True" SortExpression="RequestId" UniqueName="RequestId"> |
</telerik:GridBoundColumn> |
<telerik:GridBoundColumn DataField="FirstName" HeaderText="FirstName" SortExpression="FirstName" |
UniqueName="FirstName"> |
</telerik:GridBoundColumn> |
<telerik:GridBoundColumn DataField="LastName" HeaderText="LastName" SortExpression="LastName" |
UniqueName="LastName"> |
</telerik:GridBoundColumn> |
<telerik:GridBoundColumn DataField="DateOfBirth" DataType="System.DateTime" HeaderText="DateOfBirth" |
SortExpression="DateOfBirth" UniqueName="DateOfBirth"> |
</telerik:GridBoundColumn> |
<telerik:GridBoundColumn DataField="CreatedDate" DataType="System.DateTime" HeaderText="CreatedDate" |
SortExpression="CreatedDate" UniqueName="CreatedDate"> |
</telerik:GridBoundColumn> |
</Columns> |
<EditFormSettings> |
<PopUpSettings ScrollBars="None"></PopUpSettings> |
</EditFormSettings> |
</MasterTableView> |
<ClientSettings> |
<ClientEvents OnRowCreated="RowCreated" /> |
</ClientSettings> |
</telerik:RadGrid> |
<asp:LinqDataSource ID="LinqDataSource1" runat="server" ContextTypeName="MyDataContext" |
TableName="MyTable" OrderBy="CreatedDate desc"> |
</asp:LinqDataSource> |
<asp:Timer ID="Timer1" runat="server" Interval="15000" OnTick="Timer1_Tick"> |
</asp:Timer> |
</telerik:RadAjaxPanel> |