按钮单击后，GridView上的类属性不起作用

我有一个GridView，您可以在其中编辑行上的信息。所以你可以点击该行并弹出一个可以改变内容的框，然后点击保存。但是，当我点击保存按钮并尝试点击另一行时，弹出框不再显示。我必须彻底关闭表格，然后再返回并单击一行。如果我不点击保存按钮，它工作正常。我点击一行，关闭弹出框并点击另一行。问题是只有在点击保存按钮后。按钮单击后，GridView上的类属性不起作用

GridView控件：

<asp:UpdatePanel ID="updOBSAddress" UpdateMode="Conditional" runat="server" > 
           <ContentTemplate> 
           <asp:GridView runat="server" GridLines="None" ID="GVAddresses" OnRowDataBound="GVAddresses_RowDataBound" AutoGenerateColumns="false" CssClass="tblStatus" AllowSorting="false" >      
            <Columns> 
             <asp:TemplateField HeaderText="Code"> 
              <ItemTemplate><%# Eval("AccountCode") %></ItemTemplate> 
             </asp:TemplateField> 
             <asp:TemplateField HeaderText="Name"> 
              <ItemTemplate><%# Eval("Name") %></ItemTemplate> 
             </asp:TemplateField> 
            </Columns> 
           </asp:GridView> 
          </ContentTemplate> 
        <Triggers> 
         <asp:AsyncPostBackTrigger ControlID="btnUpdateOBSAddress" /> 
        </Triggers> 
       </asp:UpdatePanel>

代码背后：

protected void GVAddresses_RowDataBound(object sender, GridViewRowEventArgs e) 
{ 
    if (e.Row.RowType == DataControlRowType.DataRow) 
    { 
     GridView gv = sender as GridView; 
     DataRowView drv = e.Row.DataItem as DataRowView; 
     //e.Row.Cells[0].Attributes.Add("onclick", "event.stopPropagation();"); 

     if (drv != null) 
     { 
      e.Row.Attributes.Add("class", "GVAddressesRow"); 
      e.Row.Attributes.Add("ID", "GVAddressesRow_" + drv["ID"].ToString()); 
      e.Row.ToolTip = "Click here to Edit Address"; 
     } 
    } 
}

按钮：

protected void btnUpdateOBSAddress_Click(object sender, EventArgs e) 
    { 

    }

在那么当类被点击它应该显示弹出，但是这并未javascript的点击按钮后我再也不会打电话了：

$(".GVAddressesRow").click(function (e) { 
      ShowAddOBSAddress(this, e.pageX, e.pageY, "Edit"); 
      EditOBSAddress($(this).attr("ID")); 
     });

来源

2017-09-01 user123456789

你在保存按钮点击做什么？ – CodingYoshi

问题是UpdatePanel。它使用Ajax刷新GridView，尽管用户看不到回发，但DOM仍然发生变化，并且以前使用$(".GVAddressesRow").click进行的绑定丢失。这就是为什么你必须在UpdatePanel刷新后再次执行它。

您可以使用PageRequestManager。

<script type="text/javascript"> 
    $(document).ready(function() { 
     bindPopup(); 
    }); 

    var prm = Sys.WebForms.PageRequestManager.getInstance(); 

    prm.add_endRequest(function() { 
     bindPopup(); 
    }); 

    function bindPopup() { 
     $(".GVAddressesRow").click(function (e) { 
      ShowAddOBSAddress(this, e.pageX, e.pageY, "Edit"); 
      EditOBSAddress($(this).attr("ID")); 
     }); 
    } 
</script>

来源

2017-09-01 15:54:42 VDWWD

它可以在第一时间，因为你已经添加了一个单击处理像这样在GridView的所有行：$(".GVAddressesRow").click。但是当你点击保存按钮时，新的html（行）从服务器返回。您没有为这些新行添加处理程序，因此它们不起作用。

要解决此问题，您可以使用jquery on而不是click。 jquery on将适用于动态创建的html元素。有关更多信息，请参阅this answer。

// Bind to all items with class GVAddressesRow inside 
// #whatever element, even new ones created later. 
$('#whatever').on('click', '.GVAddressesRow', function() { 
    /* your code here */ 
});

来源

2017-09-01 16:18:21 CodingYoshi

按钮单击后，GridView上的类属性不起作用

回答

相关问题