Tabledit не отправляет сообщение действий

Question

Tabledit не отправляет сообщение действий

1

Недавно я вставил tabledit на страницу, я следил за несколькими примерами, но со всем плагином не публикуется, не публикует ничего, все пустые, я не знаю, как сделать почтовую работу, вы можете дать мне руку?

Простой скрипт:

     <table class='table'>
  <thead>
    <tr>
      <th>Id</th>
      <th>Firstname</th>
      <th>Lastname</th>
      <th>Email</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <td>1</td>
      <td>Doe</td>
      <td>Doe</td>
      <td>[email protected]</td>
    </tr>
  </tbody>
</table>
<script>
  $('.table').Tabledit({
    url: 'index.php',
    columns: {
      identifier: [0, 'id'],
      editable: [
        [1, 'col1'],
        [2, 'col2'],
        [3, 'col3']
      ]
    }
  });
</script>

Все просто работает, я получаю кнопки, но чтобы сохранить и удалить сообщение в ajax, но без полей без formdata, что я могу сделать?

npget 27 апр. 2018, в 16:13

Источник

Теги:

javascript

bootstrap-4

tabledit

2 ответа

Ещё вопросы

Guillaume Georges · Answer 1 · 2018-04-27T12-21-00.000Z

Вам просто не хватает объявления обработчиков в определении Tabledit.

Есть примеры в документации.

Я добавил их для вас.

$(document).ready(function() {

    $('.table').Tabledit({
        url: 'index.php',
        columns: {
            identifier: [0, 'Id'],
            editable: [
                [1, 'Firstname'],
                [2, 'Lastname'],
                [3, 'Email']
            ]
        },
        onSuccess: function(data, textStatus, jqXHR) {
            // deal with success there
        },
        onFail: function(jqXHR, textStatus, errorThrown) {
            // deal with errors there
        },
        onAjax: function(action, serialize) {
            // open your xhr here 
            console.log("on Ajax");
            console.log("action : ", action);
            console.log("data : ", serialize);
        }
    });

});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/[email protected]/jquery.tabledit.min.js"></script>
<table class='table'>
   <thead>
      <tr>
         <th>Id</th>
         <th>Firstname</th>
         <th>Lastname</th>
         <th>Email</th>
      </tr>
   </thead>
   <tbody>
      <tr>
         <td>1</td>
         <td>Doe</td>
         <td>Doe</td>
         <td>[email protected]</td>
      </tr>
   </tbody>
</table>

именно это и привело меня к маленькой победе благодаря вашей поддержке, и ваш javascript, который вы спасли меня от черных выходных, был неправильным .js-файл. Я не знаю, как, а также сценарий в источнике ... большое спасибо за исследование , еще раз спасибо
Извините, но ... я не понимаю, но есть проверка, чтобы не использовать скрипт в автономном режиме .. он работает, только если я использую онлайн-версию, если я пытаюсь поместить его в localhost, не публикуется, можно ли его использовать только онлайн?
если я пытаюсь скопировать внешний источник <script src = 'https: //cdn.jsdelivr.net/npm/[email protected]/jquery.tabledit.min.js'> в localhost <script src = 'localhost / script / jquery.tabledit.min.js '> Я предлагаю ту же проблему, что не работает сообщение .. возможно ли, что есть блокировка, которую я не вижу?
Извините, я запутался, это устраняет все, что я сказал, большое спасибо еще раз

C. Sanchez · Answer 2 · 2018-04-27T11-33-00.000Z

Вам нужно добавить код в соответствующие ячейки:

<td class='tabledit-view-mode' style='cursor: pointer; background-color: #DEE1E8;'>
<span class='tabledit-span' style='display: inline;'>YOUR CELL DATA</span>
<input name='VAR_NAME' disabled='' class='tabledit-input form-control input-sm' style='display: none;' type='text' value='YOUR CELL DATA'></td>

Tabledit изменит отображение на вход, когда вы нажмете на него, и таким образом у вас будут переменные.

Уверяю вас, что он работает даже без ввода текста типа HTML, он генерирует его автоматически. Спасибо за ваш ответ был очень щедрым