简体   繁体   中英

How to select row in datatable (jquery datatables)

I'm using below code 1 to populate my datatable. However, when I tried to access my datatable using code 2 , I dont get this response: alert( customerTable.row( this ).data() );

What am I doing wrong here?

Code 1

$(searchClientBtn).on("click", function () {
 
            var clientLastName = $(clientLastNameTxt).val();
            var clientFirstName = $(clientFirstNameTxt).val();
            var clientMiddleName = $(clientMiddleNameTxt).val();
            var clientDateOfBirth = $(clientDateOfBirthTxt).val();
 
            if ( clientLastName.length == 0 && clientFirstName.length == 0 && clientMiddleName.length == 0 ) {
                alert("Please enter search parameter/s to proceed.");
            }
            else {
                var formData = new FormData();
                formData.append("firstName", $("#clientFirstNameTxt").val());
                formData.append("middleName", $("#clientMiddleNameTxt").val());
                formData.append("lastName", $("#clientLastNameTxt").val());
                formData.append("dateOfBirth", $("#clientDateOfBirthTxt").val());
 
                //console.log(formData);
                var booking = new booking();
 
                booking.getListCustomer(formData, {
                    onSuccess: function (xdata) {
 
                       var customerTable = $("#customerTable").DataTable({
                           data: xdata.result,
                           processing: true,
                        columns: [
 
                            { 'data': 'FirstName' },
                            { 'data': 'MiddleName' },
                            { 'data': 'LastName' },
                            { 'data': 'Birthdate' }
                           ]
 
                    });
                    },
                    onError: function (xdata) {
                        alert("An error occured");
                    }
                });
 
 
                $(clientSearchModal).modal("show");
 
            }
        });

Code 2

$("#customerTable").on("click", "tbody tr", function () {
           alert("imclicked");
            alert( customerTable.row( this ).data() );
 
        });

Need to define variable.

$("#customerTable").on("click", "tbody tr", function () {
           var customerTable = $('#customerTable').DataTable(); //Here need to define variable
           alert("imclicked");
           alert( customerTable.row( this ).data() );
 
   });

The technical post webpages of this site follow the CC BY-SA 4.0 protocol. If you need to reprint, please indicate the site URL or the original address.Any question please contact:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM