Datatable's row click call javascript function using JQuery

Question

Table contains 2 columns. each column have form elements like text box and dropdown box. what i want is , when i click the row i have to call javascript function. My problem is, when i enter value in textbox or select value from dropdown that time also javascript function has called. How to prevent this. i dont want to fire the javascript function when entering text box and select the value from dropdown.

jQuery("#testParam tbody tr").on("click", function(event) {
        var position = paramTable.fnGetPosition(this); // getting the clicked row position
        //alert(position);
        createTable();
    });

function createTable(){
     alert("clicked");
}

<table id="testParam">
    <thead>
        <tr>
            <th class="no-sort">
                Name
            </th>

            <th class="no-sort">
                Type
            </th>
        </tr>
    </thead>
    <tbody>
        <tr id="paramRow1">

            <td><g:textField name="name1" id="name1" required="" value="${testName}" /></td>

            <td><g:select name="type1" noSelection="['':'-Select-']"
                    id="type1"
                    from="${testParameterInstance?.constraints?.type?.inList}"
                    required="" value="${testParameterInstance?.type}"
                    valueMessagePrefix="testParameter.type"  /></td>

        </tr>
    </tbody>
</table>

dreamweiver · Accepted Answer · 2014-04-03 11:23:35Z

1

try this way

$('#name1,#type1').on('click',function(event){
    event.stopPropagation();
});

Happy Coding :)

answered Apr 3, 2014 at 11:23

dreamweiver

5,9922 gold badges27 silver badges39 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

Datatable's row click call javascript function using JQuery

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related