【问题标题】:Row select on datatables not working数据表上的行选择不起作用
【发布时间】:2012-11-11 15:34:30
【问题描述】:

我正在尝试允许对我的数据表工作进行行选择(如此处所示:http://datatables.net/release-datatables/examples/api/select_single_row.html),但它似乎不起作用。关于我可能出错的地方有什么想法吗?

我已在此处包含完整代码:http://jsfiddle.net/v6VTB/2/

JS

$(document).ready(function () {
    $('#example5').dataTable({
        "bPaginate": true,
        "bLengthChange": false,
        "bFilter": true,
        "bSort": true,
        "bScrollCollapse": true,
        "bInfo": true,
        "bAutoWidth": false
    });
});

var oTable;
var giRedraw = false;

/* Add a click handler to the rows - this could be used as a callback */
$("#example5 tbody").click(function (event) {
    $(oTable.fnSettings().aoData).each(function () {
        $(this.nTr).removeClass('row_selected');
    });
    $(event.target.parentNode).addClass('row_selected');
});

/* Add a click handler for the row */

/* Init the table */
oTable = $('#example5').dataTable();

/* Get the rows which are currently selected */
function fnGetSelected(oTableLocal) {
    var aReturn = new Array();
    var aTrs = oTableLocal.fnGetNodes();

    for (var i = 0; i < aTrs.length; i++) {
        if ($(aTrs[i]).hasClass('row_selected')) {
            aReturn.push(aTrs[i]);
        }
    }
    return aReturn;
}

【问题讨论】:

  • 询问在同一张表上两次初始化同一个插件的问题,尤其是使用不同的选项。可能不会中断,但主要会导致后来的混乱,认为一组选项应该可以工作,但实际上后来在代码中被覆盖了

标签: jquery datatables


【解决方案1】:

row_selected 类未定义

看到这个小提琴http://jsfiddle.net/v6VTB/3/,在下面添加了一个示例css

.row_selected​{
    color:red;
}​

【讨论】:

    猜你喜欢
    • 2013-09-02
    • 2020-04-03
    • 2012-07-27
    • 2015-06-05
    • 2013-06-23
    • 1970-01-01
    • 2014-08-30
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多