Question

在我的数据表中，从搜索按钮操作获取结果。所以首先搜索结果选择行hightlight工作正常，但再次搜索那些结果都没有突出显示。为什么第二次选择行高光不能正常工作？请指教......

这个演示没有模拟我提到的问题，但工作数据的方式类似..

演示：demo

$('#products1 tbody tr').live("click", function () {

    if ($(this).hasClass('selected1')) $(this).removeClass('selected1');
    else
    {

        $(this).siblings('.selected1').removeClass('selected1');
        $(this).addClass('selected1');
    }

     $("#dialog-form").data('rows', oTable.fnGetData( this ));

});

Answer 1

请尝试使用fnCreateRow回调。

"fnCreatedRow": function( nRow, aData, iDisplayIndex ) {
    $(nRow).on('click', function (){
        if ($(this).hasClass('selected'))           
            $(this).removeClass('selected');
        else
        {
            $(this).siblings('.selected').removeClass('selected');
            $(this).addClass('selected');
            $("#dialog-form").data('rows', oTable.fnGetData( this ));

        }

    });   
}

我已经更新了jsFiddle。 http://jsfiddle.net/rwPFx/37/

我希望它有所帮助。

此致

Jquery数据表 - 选定的行突出显示问题

1 个答案: