使用JQuery,Datatable的行单击调用javascript函数

时间:2014-04-03 09:14:03

标签: javascript jquery html datatable

表包含2列。每列都有表单元素,如文本框和下拉框。我想要的是,当我点击该行时我必须调用javascript函数。我的问题是,当我在文本框中输入值或从下拉列表中选择值时,javascript函数也调用了该时间。如何防止这种情况。我不想在输入文本框时触发javascript函数并从下拉列表中选择值。

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>

1 个答案:

答案 0 :(得分:1)

试试这种方式

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

快乐编码:)