用于 Gridview 的 Jquery 和更新面板不起作用答案

【问题标题】：Jquery and Update Panel for Gridview not working用于 Gridview 的 Jquery 和更新面板不起作用
【发布时间】：2014-07-02 06:30:10
【问题描述】：

我必须根据某些给定的条件实现 gridview 的闪烁：

gridview row blinking based on some conditions

我能够成功实现它，但随后我被要求在 5 秒内自动引用 gridview，为此我使用了 ajax 更新面板和计时器，但随后我得到了这个新的 javascript 错误，如下所示：

代码：

  <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>

jquery实现代码在gridview row blinking based on some conditions

定时器代码：

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

为什么会出现这个问题？我该如何解决这个问题？以及如何防止此类问题发生？

【问题讨论】：

标签： c# javascript jquery asp.net gridview

【解决方案1】：

我猜想在 RegisterStartupScript 中的 setBg() 函数之后漏掉了分号。添加分号，这将像下面那样完成

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

【讨论】：