jQuery和Gridview更新面板不起作用

Question

I had to implement blinking of gridview as per some given conditions:

gridview row blinking based on some conditions

I was able to successfully implement it but then i was asked to auto-refersh the gridview in 5seconds for which I used ajax update panel and timer but then I get this new javascript error as below:

code:

  <form id="form1" runat="server">
           <asp:ScriptManager ID="ScriptManager1" runat="server"></asp:ScriptManager>
    <div style="border:thin;border-color:cornsilk">
    <div>    <asp:Timer ID="Timer1" OnTick="Timer1_Tick" runat="server" Interval="5000"></asp:Timer></div>
        <center>
            <asp:UpdatePanel runat="server" ID="UpdateAlarmGrid" UpdateMode="Conditional" OnPreRender="UpdateAlarmGrid_PreRender">
                 <Triggers>
                <asp:AsyncPostBackTrigger ControlID="Timer1" EventName="Tick" />
            </Triggers>
                <ContentTemplate>

      <asp:GridView ID="GridAlarm" CssClass="bgRow" EmptyDataText="NoData" CellPadding="7" CellSpacing="1" runat="server" DataKeyNames="id" AutoGenerateColumns="false" ShowHeader="true" OnRowDataBound="GridAlarm_RowDataBound" OnPageIndexChanging="GridAlarm_PageIndexChanging">
        <Columns>
            <asp:BoundField DataField="TagName" HeaderText="TagName" />
            <asp:BoundField DataField="Description" HeaderText="Description" />
            <asp:BoundField DataField="Value" HeaderText="Value"  />
            <asp:BoundField DataField="AlarmStatus" HeaderText="Alarm Status"/>
            <asp:BoundField DataField="AlarmRaisedDateTime" HeaderText="Alarm Raised"  />
            <asp:BoundField DataField="AlarmClearedDateTime" HeaderText="Alarm Cleared"  />
            <asp:BoundField DataField="AlarmAckDateTime" HeaderText="Alarm Acknowledgement"  />
            <asp:TemplateField HeaderText="Select">
              <ItemTemplate>
                  <asp:CheckBox ID="chk_Select" runat="server" />
              </ItemTemplate>
             </asp:TemplateField>
        </Columns>
    </asp:GridView>
                </ContentTemplate>
            </asp:UpdatePanel>
              </center>

    </div>
        <div></div>
        <div>
            <center>
            <table>
                <tr>
                    <td>
                       <asp:Button runat="server" Text="Clear Alarm" ID="BClear" OnClick="BClear_Click" />
                    </td>
                    <td></td>
                    <td>
                        <asp:Button runat="server" Text="Acknowledge Alarm" ID="BAck" OnClick="BAck_Click" />
                    </td>
                    </tr>
                </table>
            </center>
        </div>
    </form>

The jquery implementation code is in gridview row blinking based on some conditions

Timer code:

 protected void Timer1_Tick(object sender, EventArgs e)
    {
      //  LRefresh.Text = "refreshing..";
     //   LRefresh.Visible = true;
          bindAlarms();//bind gridview
    }

Why this problem arises? How can I fix this problem? and how can we prevent such problems?

Answer 1

I guess semicolon is missed out after setBg() function in RegisterStartupScript. Add semicolon and that will do the trick like the one below

ClientScript.RegisterStartupScript(GetType(), "BG", "setBG('" + GridAlarm.ClientID + "');", true);