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：无法一直调用未定义错误的方法'addClass'。

也许我使用的是selectRows方法错误。提前谢谢。

Answer 1

也许这是解决方案？

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

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

Answer 2

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

/* 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);

jQuery jTable选择行

2 个答案: