Несколько DataTables на одной странице с разными источниками ajax

У меня есть несколько таблиц на одной странице, использующих dataTables. Каждая из них должна иметь свой собственный 'sAjaxSource'. Я не могу понять, как именно это сделать. Вот минимальный код, который у меня есть:

         var oTable = $('.datatable').dataTable( {
                "bProcessing": true,
                "sAjaxSource": "/ajax/function",
                "bSort": false,
                "fnDrawCallback": function() {
                       //some click events initilized here
                 }
            });

Это в основном голая установка. Каждая таблица имеет класс datatable и уникальный ID. Но не уверен, как изменить AjaxSource, основываясь на конкретной таблице.

Спасибо!

EDIT:

Вот что я в итоге сделал:

        $('.datatable').each(function(index){

             $('#'+$(this).attr('id')).dataTable( {
                "bProcessing": true,
                "sAjaxSource": $(this).children('caption').html(),
                "bSort": false,
                "fnDrawCallback": function() {
                 }
            });
        });

Внутри таблицы я поместил тег caption, который скрыт css и содержит URL источника Ajax. Он перебирает каждый экземпляр и захватывает URL.

Похоже, что это работает до сих пор!

8
задан BalusC 20 October 2011 в 03:16
поделиться