jquery - jQuery jTable 选择行

Question

我有一个 jTable，我需要选择所有行，以便稍后将信息提供给 AJAX 并将数据发送到控制器进行处理。

我的问题是我无法让它工作。这是到目前为止的JS代码。

 $('#saveButton').click(function(){ 
        $('#UserTable').jtable("selectRows"); // I think here is the problem
        var $selectedRows = $('#smsUserTable').jtable('selectedRows');
        $selectedRows.each(function () {
            var record = $(this).data('record');
            var userId = record.userId;
            console.log(userId);
        });
      });

我得到 Uncaught TypeError: Cannot call method 'addClass' of undefined error 。

也许我使用 selectRows 方法错误。先感谢您。

Answer 1

也许这是解决方案？

$('#UserTable .jtable-data-row').each(function () {
            $(this).addClass('jtable-row-selected');
            $(this).addClass('ui-state-highlight');
        });

这将选择表中的所有可见行。

Answer 2

您可以使用以下代码获取 json 字符串中的所有表记录数据：

/* Select all Records */
$('#your_table .jtable-data-row').each(function () {
    $(this).addClass('jtable-row-selected');
    $(this).addClass('ui-state-highlight');
});
/* Read each record and add it to json */
var $selectedRows = $('#your_table').jtable('selectedRows'),records = [];
$selectedRows.each(function () {
    var record = $(this).data('record');
    records.push(record);
});
var josn_data = JSON.stringify(records);