c# - jQuery 和 JavaScript 在 MultiView 中不起作用

Question

我在更新面板中的多视图中使用数据列表来显示各种数据量。DataList中的OnItemDataBound，根据item的不同，它添加了一个封装在一个div中的jQuery代码。有谁知道如何修复此代码使其正常工作？这是一些示例代码：

<asp:UpdatePanel runat="server" UpdateMode="Conditional">
     <ContentTemplate>
         <asp:MultiView runat="server">
              <asp:View runat="server">
                  <asp:DataList ID="tmpDataTable" runat="server" 
                       DataSourceID="tmpDataSource" 
                       OnItemDataBound="tmpDataBound">
                          <ItemTemplate>
                             <a id="tstATag" runat="server" onclick="testingAlert();">
                                 <%# Eval("Text_Col") %><a>
                          </ItemTemplate>
                   </asp:DataList>
              <asp:SqlDataSource OnSelecting="PermSet" ID="tmpDataSource" 
                      runat="server" ConnectionString="<%$ ConnectionStrings:Con %>"
                      SelectCommand="SELECT * FROM SampleTable">
              </asp:SqlDataSource>
              <div runat="server id="tmpDiv"></div>
          </asp:View>
      </asp:MultiView>
   </ContentTemplate>

这是后端代码：

protected void tmpDataBound(object sender, DataListItemEventArgs e)
{
    if (e.Item.ItemType == ListItemType.Item || 
                e.Item.ItemType == ListItemType.AlternatingItem)
    {
        HtmlGenericControl tstATag = e.Item.FindControl("tstATag") as HtmlGenericControl;
        tmpDiv.InnerHtml += @"   <script type='text/javascript'>
                                                    function testingAlert() {
                                                        alert(tstATag.innerHtml);
                                                    }

                                                </script>";
    }
}

Answer 1

我最终发现的是，当您在多视图中查看不同的视图时，您必须进行整页回发以使脚本正确注册。

Answer 2

而不是从 onitemdatabound 设置 div innerhtml 从页面加载

   protected void Page_Load(object sender, EventArgs e)
        {
            tmpDiv.InnerHtml += @"   <script type='text/javascript'>
                                                        function testingAlert() {
                                                            alert('Testing');
                                                        }

                                                    </script>";
        }