Редактируемые столбцы JQuery TableSorter

Question

Редактируемые столбцы JQuery TableSorter

Вы можете сначала проверить консоль, чтобы увидеть фактическое сообщение об ошибке, а затем продолжить поиск ответов на эту ошибку.

Моя консоль показывает ошибку NoClassDefFound для класса jcommander. Вероятно, ваша ошибка будет отличаться от моей. Причина моей ошибки в том, что класс jcommander не находится в моем репозитории M2, поэтому мне просто нужно добавить эту зависимость в мой pom.xml. Вы можете проверить, все ли все зависимые классы объявлены и добавлены в текущую конфигурацию конфигурации и проекта.

NoClassDefFoundError

2

javascript jquery tablesorter

задан dgknca 20 February 2019 в 21:06

2 ответа

Другие вопросы по тегам:

javascript jquery tablesorter

Похожие вопросы:

score 0 · Answer 1

Чтобы это работало, мне нужно было добавить редактируемый виджет нажатием кнопки и запустить приложение applywidgets к таблице, например

.

$('button').click(function() {
    $(table)[0].config.widgets = ["stickyHeaders", "output", "filter" ,"print", "editable"];

    $(table)[0].config.widgetOptions.editable_columns = editableColumns;
    $(table)[0].config.widgetOptions.editable_enterToAccept = true;
    $(table)[0].config.widgetOptions.editable_editComplete = 'editComplete';

    $(table).trigger('applyWidgets');
});

score 0 · Answer 2

Чтобы сделать редактируемый другой столбец, вам нужно обновить значение editable_columns, а затем запустить обновление. Проблема в том, что после того, как столбец редактируется, обновление не отключает уже редактируемые столбцы ( demo )

$(function() {

  var $table = $('#table');

  $('button').click(function() {
    $table[0].config.widgetOptions.editable_columns = [3];
    $table.trigger('update');
  });

  $table.tablesorter({
      theme: 'blue',

      widgets: ['editable'],
      widgetOptions: {
        editable_columns: [0, 1, 2],
        editable_autoAccept: true,
        editable_autoResort: false
      }
    })
    // config event variable new in v2.17.6
    .children('tbody').on('editComplete', 'td', function(event, config) {
      var $this = $(this),
        newContent = $this.text(),
        // there shouldn't be any colspans in the tbody
        cellIndex = this.cellIndex,
        // data-row-index stored in row id
        rowIndex = $this.closest('tr').attr('id');
      /*
      $.post("mysite.php", {
          "row"     : rowIndex,
          "cell"    : cellIndex,
          "content" : newContent
      });
      */
    });

});