Как изменить размер colorbox после загрузки, заполнив его dataTables - PullRequest
Новая
       34

Как изменить размер colorbox после загрузки, заполнив его dataTables

0 голосов
/ 04 июля 2019

У меня есть всплывающее окно с использованием colorbox с определенным изменением размера.Код загружает данные из таблиц данных, и, таким образом, у меня есть разная высота.Я использую функцию изменения размера colorbox, но она изменяет размер только по высоте перечисленных данных, а не по элементам навигации внизу.Есть ли способ получить размер после загрузки данных в таблицы данных, а затем добавить к нему 50 пикселей?Или как-то включить нижний ряд таблиц данных (навигация).Я знаю, что есть параметры для изменения размера, но я не знаю, как их рассчитать?Я попытался получить высоту моего div и добавить 50PX, но это не сработало.Функция .height () возвращает высоту ДО загрузки данных.

Вот мой код: 

        $.colorbox({
        href: "/messaging/",
        data: mydata,
        iframe: false,
        width: "940px",
        scrolling: 'auto',
        escKey: false,
        overlayClose: false,
        title: "",
        close: "",
        onComplete : function() {
            $(this).colorbox.resize();
        }
    });

И полученное поле цвета выглядит так, как показано.

enter image description here

Iхотите изменить размер поля, чтобы включить навигационные кнопки таблиц данных.

РЕДАКТИРОВАТЬ: Решение заключается в использовании обратного вызова dataTables, а не обратного вызова colorbox: 

    $('#messaging')
    .on( 'init.dt', function () {
        $.colorbox.resize();
    } )
    .dataTable();
...