Получить jquery datatables + jeditable + makeEditable + autogrow (или elasic) плагины, играющие вместе?

У меня возникли проблемы с тем, чтобы все эти плагины jquery хорошо играли вместе. В частности, похоже, что ни autogrow, ни эластичные плагины не работают с плагинами datatables и markEditable. Вот фрагмент кода:

    <script type="text/javascript" language="javascript" src="/scripts/jquery.jeditable.js"></script>
    <script type="text/javascript" language="javascript" src="/scripts/jquery.dataTables.editable.js"><\/script>

    <script type="text/javascript" charset="utf-8">
      $(document).ready(function() {
      var oTable = $( '#beta' ).dataTable( {
         "sPaginationType": "full_numbers",
         "aoColumnDefs": [ { "bVisible": false, "aTargets": [ 7 ] } ],
         "aaSorting": [[ 1, "desc" ]],
         "sDom": 'lfr<"giveHeight"t>ip'
       }).makeEditable( {
            sUpdateURL: "/testdb/cgi-bin/betaTags.cgi",
            "aoColumns": [ null,
                          {
                            indicator: 'Saving Status...',
                            tooltip: 'Click to select tag status',
                            loadtext: 'loading...',
                            type: 'select',
                            submit: 'Ok',
                            data: "{'':'Please select...', '1':'Open','2':'Done','3':'In test'}",
                            sUpdateURL: function(value, settings) {
                               ... some code to handle the select menu
                            }
                          },
                          null,
                          null,
                          {
                            indicator: 'Saving Post Create Problems Note...',
                            tooltip: 'Click to edit Post Create Problems Note',
                            type: 'textarea',
                            submit:'OK',
                            cancel : 'Cancel',
                            sUpdateURL: function(value, settings) {
                               ... some code to handle the textarea cell
                            }
                          },
                          null,
                          {
                            indicator: 'Saving Answer Changes Note...',
                            tooltip: 'Click to update Answer Changes Note',
                            type: 'textarea',
                            submit:'OK',
                            cancel : 'Cancel',
                            sUpdateURL: function(value, settings) {
                               ... some code to handle another textarea cell
                            }
                          }
                      ]
            } );
      } );
    </script>

Это работает нормально, но когда я пытаюсь добавить метод автострирования или эластичный метод к ячейкам textarea в моей таблице данных, он ничего не делает. Я не смог найти много примеров, показывающих различные плагины jquery, работающие совместно друг с другом, но если кто-то может указать мне на какую-то статью или ресурсы, это было бы очень признательно!

0 ответов

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