在点击数据表行的按钮上调用javascript

时间:2014-04-14 16:32:44

标签: javascript jquery datatables jquery-datatables

我正在使用dataTable,我有以下内容:

 var oTable = $('#example').dataTable({

                bProcessing: true,
                sAjaxSource: "/Cart/addresses",
                'iDisplayLength': 5,
                aaSorting: [],
                aoColumns: [
                    { "mData": "Contact" },
                    { "mData": "Address" },
                    { "mData": "Postcode" },
                    {
                        "mData": null,
                        "mRender": function (data, type, full) {
                            return '<button type="button" class="btn btn-success use-address" onclick="doFunction();" role="button" data-adcode="' + full.ADCode + '">' + 'Use Address' + '</button>';
                        }
                    }

                ]
            });

我尝试了以下操作,我基本上想要在点击按钮时使用广告代码:

 $('.use-address').click(function () {
        var adccode = $(this).data("adcode");

    });

    function doFunction()
    {
        var adccode = $(this).data("adcode");

    }

这不会起作用,在萤火虫中它没有击中其中任何一个。

请注意,动态添加数据表(单击按钮后)。

为什么它不起作用的任何想法?

由于

1 个答案:

答案 0 :(得分:0)

尝试在此处使用 event delegation

$('#example').on('click','.use-address',function () {
    var adccode = $(this).data("adcode");
});