Datatable с окном самозагрузки модальной

У меня есть две страницы ... оба, имеющие одинаковое содержание таблицы ... единственное отличие заключается в их технике содержание загрузки ..Datatable с окном самозагрузки модальной

1) http://myraipur.com/SuprError/Test2.php Здесь DataTable содержимое загружается простые «Tr» и «Td». Модальное окно работает правильно.

2) http://myraipur.com/SuprError/Test1.php Здесь содержимое данных загружается через отложенную загрузку. Модальное окно не работает.

не могли бы вы помочь мне !!

источник

2013-06-16 Vinay Kesharwani

Вы должны запустить этот код, когда ваш отсроченной закончена вместо документа: готовый

$("a[data-toggle=modal]").click(function (e) { 
    lv_target = $(this).attr('data-target'); 
    lv_url = $(this).attr('href'); 
    $(lv_target).load(lv_url); 
});

источник

2013-06-16 16:55:48

спасибо большое ... это сработало !!!! –

Просто, чтобы добавить метод, который я чувствую, что прямо вперед, что работает для меня. (Кроме того, моя первая Stackoverflow пост!)

Сначала использовали функцию Javascript модального предоставленный, http://dotnetspeak.com/2013/05/creating-simple-please-wait-dialog-with-twitter-bootstrap

\t var loading; 
 
\t loading = loading || (function() { 
 
\t \t var pleaseWaitDiv = $('<div class="modal fade bs-example-modal-sm" tabindex="-1" role="dialog" aria-labelledby="mySmallModalLabel" aria-hidden="true"><div class="modal-dialog modal-sm"><div class="modal-content"><div class="modal-header"><button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">&times;</span><span class="sr-only">Close</span></button><h4 class="modal-title" id="mySmallModalLabel">Loading Data</h4></div><div class="modal-body"><div class="progress"><div class="progress-bar progress-bar-striped active" role="progressbar" aria-valuenow="100" aria-valuemin="0" aria-valuemax="100" style="width: 100%"></div></div></div></div><!-- /.modal-content --></div><!-- /.modal-dialog -->'); 
 
\t \t return { 
 
\t \t \t showPleaseWait: function() { 
 
\t \t \t \t pleaseWaitDiv.modal(); 
 
\t \t \t }, 
 
\t \t \t hidePleaseWait: function() { 
 
\t \t \t \t pleaseWaitDiv.modal('hide'); 
 
\t \t \t }, 
 

 
\t \t }; 
 
\t })();

И вот мой вызов таблицы данных

$(document).ready(function() { 
 
$('#address') 
 
    .on('processing.dt', function (e, settings, processing) { 
 
     if (processing) { 
 
\t \t \t $(document).ready(function() { 
 
\t \t \t \t $('#address').click(loading.showPleaseWait()); 
 
\t \t \t }); 
 
\t \t } else { 
 
\t \t \t $(document).ready(function() { 
 
\t \t \t \t $('#address').click(loading.hidePleaseWait()); 
 
\t \t \t }); \t \t 
 
\t \t 
 
\t \t 
 
\t \t } 
 
    }) 
 
    .dataTable({ 
 
       "Processing": false, 
 
       "sAjaxSource": "ajax/ajax_address_list.php", 
 
       "aoColumns": [ 
 
         { mData: 'add_cust' } , 
 
         { mData: 'add_main' }, 
 
         { mData: 'add_alias' } 
 
       ], 
 
\t \t \t \t "iDisplayLength": 50 
 

 
     }); \t \t 
 
\t });

Надеюсь, это поможет!

источник

2014-12-31 06:19:35

Datatable с окном самозагрузки модальной

ответ

Смежные вопросы