1
Hi All,
I am implementing a custom gridview control, that emits some javascript to blink a row whenever a new row is added in gridview. The gridview is inside the <asp:updatepane l> for parital page rendering. The problem is when I put the gridview inside the updatepanel, I don't see the HTML table that is created as a result from rendering the gridviewcontrol and thus when new row is added, it does not blink, however when i just put the gridview without update panel, it the row blinks. How can I do that ?
custom gridview control code:
public class AlertWebControl : GridView
{
[Browsable(true)]
[Bindable(true)]
[Category("Appea rance")]
[DefaultValue("" )]
[Localizable(tru e)]
private string rowid;
protected override void RenderContents( HtmlTextWriter output)
{
base.RenderCont ents(output);
}
protected override void OnRowDataBound( GridViewRowEven tArgs e)
{
base.OnRowDataB ound(e);
if (e.Row.RowType == DataControlRowT ype.DataRow && e.Row.RowIndex == this.Rows.Count )
{
rowid = e.Row.ClientID;
}
}
protected override void OnDataBound(Eve ntArgs e)
{
base.OnDataBoun d(e);
if (this.Rows.Coun t > 1)
{
}
}
public override void UpdateRow(int rowIndex, bool causesValidatio n)
{
base.UpdateRow( rowIndex, causesValidatio n);
}
protected override void OnInit(EventArg s e)
{
base.OnInit(e);
string jscode = null;
string jskey = "jskey";
jscode = @"<script language='javas cript' type='text/javascript'>
var counter=1000;
var cellId=null;
var m_TheCurrentRow = null;
function BlinkRow( theRowObj )
{
m_TheCurrentRow = theRowObj;
window.setTimeo ut(ShowBaseColo r, 1000);
}
function ShowBaseColor()
{
document.getEle mentById(m_TheC urrentRow.id).s tyle.background Color='#C1DAD7' ;
document.getEle mentById(m_TheC urrentRow.id).s tyle.color='bla ck';
counter += 1000;
if(counter <= 10000)
{
window.setTimeo ut(ShowChangeCo lor, 1000);
}
}
function ShowChangeColor ()
{
document.getEle mentById(m_TheC urrentRow.id).s tyle.background Color='white';
document.getEle mentById(m_TheC urrentRow.id).s tyle.color='bla ck';
counter += 1000;
window.setTimeo ut(ShowBaseColo r, 1000)
}
</script>";
if (!Page.ClientSc ript.IsStartupS criptRegistered (jskey))
{
Page.ClientScri pt.RegisterStar tupScript(this. GetType(), jskey, jscode);
}
}
protected override void OnPreRender(Eve ntArgs e)
{
base.OnPreRende r(e);
if (this.Rows.Coun t > 0)
{
string rowkey = "rowkey";
string script = "<script language='javas cript'>";
script += "BlinkRow(docum ent.getElementB yId(\"" + rowid + "\"))";
script += "</script>";
Page.ClientScri pt.RegisterStar tupScript(this. GetType(), rowkey, script);
rowkey = null;
script = null;
}
}
}
Aspx page from where I am accessing the control inside updatepanel
<form runat="server" action="#">
<asp:ScriptMana ger ID="scrMgr" runat="server" EnablePartialRe ndering="true"/>
<asp:Timer ID="alerttmr" OnTick="GetAler ts" runat="server" Interval="10000 ">
</asp:Timer>
<asp:UpdatePane l ID="alertpanel " runat="server" UpdateMode="Con ditional" RenderMode="Blo ck">
<Triggers >
<asp:AsyncPostB ackTrigger ControlID="aler ttmr" />
</Triggers>
<ContentTemplat e>
<cc1:AlertWebCo ntrol ID="AlertWebCon trol1" runat="server" AutoGenerateCol umns="false">
<Columns>
<asp:BoundFie ld HeaderText="Ord er Id" DataField="Orde rId" />
<asp:BoundFie ld HeaderText="Lin e" DataField="Line " />
<asp:BoundFie ld HeaderText="Buy Sell" DataField="BuyS ell" />
<asp:BoundFie ld HeaderText="Qua ntity" DataField="Quan tity" />
<asp:BoundFie ld HeaderText="Sym bol" DataField="Symb ol" />
</Columns>
</cc1:AlertWebCon trol>
</ContentTemplate >
</asp:UpdatePanel >
</form>
