如何將Onclick動態設置爲生成的行？

function GetPage(pageIndex) { 
     debugger; 
     $.ajax({ 
      cache: false, 
      //url: "/EmailScheduler/", 
      url: '@(Url.RouteUrl("EmailScheduler"))', 
      type: "POST", 
      data: { "selectValue": pageIndex }, 
      traditional: true, 
      dataType: "json", 
      success: function (data) { 
       debugger; 
       $('#GridRows').empty(); 
       $('#pager').empty(); 
       var trHTML = ''; 
       var htmlPager = ''; 

       $.each(data.Customers, function (i, item) { 

        trHTML += '<table class="table-bordered col-offset-12"><tr style="text-align:center">' 
        +'<td id="tblFirstName"> ' + item.FirstName + '</td>' 
        +'<td id="tblLastName"> ' + item.LastName + '</td>' 
        +'<td id="tblEmailID"> ' + item.EmailID + '</td>' 
        +'<td id="tblCustomerType"> ' + item.CustomerType + '</td>' 
        +'<td id="tblCustomerDesignation"> ' + item.CustomerDesignation + '</td>' 
        +' <td><div class="checkbox control-group"><label><input type="checkbox" id="item.CustomerID" value="item.CustomerID" onclick="AddRemoveCustomer(item.CustomerID)" class="checkBoxClass"/></label></div></td></tr></table>' 
       }); 
       $('#GridRows').append(trHTML); 

       if (data.Pager.EndPage > 1) { 
        htmlPager += '<ul class="pagination">' 
        if (data.Pager.CurrentPage > 1) { 
         htmlPager += '<li><input class="myButton" style="width:25px;height:25px;" type="button" id="1" style="font-weight:bold;" value="<<" /></li><li><input type="button" class="myButton" id="' + (data.Pager.CurrentPage - 1) + '"value="<"></li>' 
        } 

        for (var page = data.Pager.StartPage; page <= data.Pager.EndPage; page++) { 
         htmlPager += '<li class="' + (page == data.Pager.CurrentPage ? "active" : "") + '"><input type="button" class="myButton" id="' + page + '" value="' + page + '"/></li>' 
        } 

        if (data.Pager.CurrentPage < data.Pager.TotalPages) { 
         htmlPager += '<li><input type="button" class="myButton" id="' + (data.Pager.CurrentPage + 1) + '" value=">"/></li><li><input type="button" class="myButton" id="' + (data.Pager.TotalPages) + '" value=">>"/></li>' 
        } 

        htmlPager += '</ul>' 
       } 
       $('#pager').append(htmlPager); 

      }, 
      error: function (jqXHR, textStatus, errorThrown) { 
       debugger; 
      } 
     }); 
    }

**如何將Onclick動態設置爲生成的行？

場景： -

在生成此AJAX錶行。

如何在Ajax生成的行中爲onClick函數調用複選框？

我想調用onClick函數，其中檢查的ID存儲在隱藏的字段中。

我該怎麼辦？

來源

2017-05-05 Shridhar Salunkhe

你必須使用委託的動作見[這裏]（http://stackoverflow.com/questions/6658752/click -event-doesnt-work-on-dynamic-generated-elements） – James

嘗試更新：

+' <td><div class="checkbox control-group"><label><input 
type="checkbox" id="'+item.CustomerID+'" 
value="'+item.CustomerID+'" class="checkBoxClass"/> 
</label></div></td></tr></table>'

，並補充一點：

$(document).on('click', '#GridRows .checkBoxClass' ,  
function(){ 
    alert('hello');//todo something.... 
});

來源

2017-05-05 15:37:53

它的工作原理!!!!但它沒有在功能 –

函數值中檢查ID是：[對象對象]。爲什麼我得到的對象不是客戶ID？ –

item.CustomerID是一個對象？如果是這樣，你可以使用console.log（item.CustomerID），檢查CustomerID在哪裏。 –

嘗試做這樣的事情

function delegateAction(){ 
    $('.checkBoxClass').click(function(event){ 
     // do some action 
    }); 
} 

delegateAction();

的ajax負荷後，你可以稱之爲「delegateAction（）」，而該事件的點擊將被激活。

來源

2017-05-05 14:04:22

如何將Onclick動態設置爲生成的行？

回答

相關問題