动态绑定javascript与GridView按钮

Bind javascript with GridView button dynamically

本文关键字：按钮 GridView javascript 动态绑定      更新时间：2023-09-26

过去一个小时我一直在尝试这样做，但仍然一无所获。我会试着解释一下，所以请听我说:

我试图通过使用javascript创建HTML表并每次从gridview中选择项目时添加行来创建一种摘要购物车。

我有一个gridview与TemplateField包含一个按钮。gridview看起来像这样:

Property | Quantity | Order | Action
Pencil | 10 | (textbox) | (button)
Pen | 5 | (textbox) | (button)

假设，该按钮有一个onclientclick事件，该事件将向HTML表(摘要购物车)插入新行。

<SCRIPT language="javascript">
        function addRow(tableID,property,order) {
        var table = document.getElementById(tableID);
        var rowCount = table.rows.length;
        var row = table.insertRow(rowCount);
        var cell1 = row.insertCell(0);
        cell1.innerHTML = property;
        var cell2 = row.insertCell(1);
        cell2.innerHTML = order;
    }

我不知道如何将这个javascript绑定到我的GridView中的(按钮)。我不能将它绑定到DataBound事件上因为我必须传递(textbox)的值

这听起来像是需要使用jquery来实现。在向按钮字段添加类名后，假设'grid1'是网格的id名称，其工作方式如下:

$('#<%=grid1.ClientID %> .buttonClassName').live('click', function(){
     var next = $(this).closest('tr');// this line should find the previous tr
     next.after('<tr><td>first cell</td><td>Second Cell</td></tr>');
 });

是否要在gridview呈现后附加事件?你可以使用jQuery吗?

http://forums.asp.net/t/1194696.aspx

以上解决方案可能对您有所帮助。这个想法是传递网格和rowindex javascript方法时，按钮单击。在使用rowindex的javascript方法中，我们可以导航到所需的单元格并获得控件。我们可以在addRow中使用jquery代替javascript，这样可以简化代码。

相关文章：