Модераторы: Sardar, Aliance
  

Поиск:

Ответ в темуСоздание новой темы Создание опроса
> jQuery DataTables + Ajax 
:(
    Опции темы
Areostar
Дата 29.6.2015, 14:44 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Эксперт
***


Профиль
Группа: Завсегдатай
Сообщений: 1191
Регистрация: 5.4.2008

Репутация: нет
Всего: -2



Имеется скрипт под jQuery dataTables.

Вопрос: как организовать постепенную загрузку(Ajax)?

Код

<script type="text/javascript">
            var table;
            jQuery(document).ready(function($)
            {
                getSignals(<?=(int)$_GET['PartnerID']?>,function (response)
                {
                    console.log(response);

                    table = $("#table").dataTable({
                        "dom": '<T>ir<t>p',
                        "sPaginationType": "bootstrap",
                        "responsive": true,
                        "aLengthMenu": [[10, 25, 50, -1], [10, 25, 50, "All"]],
                        "bStateSave": true,
                        "data":response.rows,
                        "oTableTools": {
                            "aButtons": [
                                {
                                    "sExtends":    "text",
                                    "sButtonText": "Add New",
                                    "sButtonClass": "entypo-plus",
                                    "fnClick": function ( nButton, oConfig, oFlash ) {
                                        addNew();
                                    }
                                }, 
                                {
                                    "sExtends":    "text",
                                    "sButtonText": "Filter",
                                    "sButtonClass": "entypo-search",
                                    "fnClick": function ( nButton, oConfig, oFlash ) {
                                        if ($('.replace-inputs').is(':hidden'))
                                            $('.replace-inputs').show();
                                        else
                                            $('.replace-inputs').hide();
                                    }
                                },    
                            ]
                        },
                        "columns": [ 
                            { "data": "SignalID" },
                            { "data": "TradeType" },
                            { "data": "AssetName" },
                            { "data": "IsCall" },
                            { "data": "SignalStrength" },
                            { "data": "MaxExpirationTime" },
                            { "data": "MinExpirationTime", className: "tdAlignCenter" },
                            { "data": "EASendTime", className: "tdAlignCenter" },
                            { "data": "CreateTime", className: "tdAlignCenter"},
                            { "data": "SendEndTime", className: "tdAlignCenter" },
                            { "data": "MarketPriceBid", "searchable": false },
                            { "data": "MarketPriceAsk", "searchable": false },
                            { "data": "BotName", "searchable": false },
                            { "data": "SignalID", "searchable": false },
                        ],
                        "columnDefs": [{
                            "targets": 13,
                            "data": "SignalID",
                            "searchable": false,
                            "render": function ( data, type, full, meta ) {
                              return '<a href="#" alt="Edit" class="btn btn-default btn-sm row-edit-btn" BrandID=' + data + '><i class="entypo-pencil"></i></a>' +
                                     '<a href="#" alt="Delete" class="btn btn-danger btn-sm row-delete-btn" BrandID=' + data + '><i class="entypo-cancel"></i></a>';
                            }
                        }]
                    });
                    
                    table.columnFilter({
                        "sPlaceHolder" : "head:after",
                        aoColumns: [
                            { type: "text" }, 
                            { type: "text" }, 
                            { type: "text" }, 
                            { type: "text" }
                        ]
                    });


PM MAIL   Вверх
  
Ответ в темуСоздание новой темы Создание опроса
1 Пользователей читают эту тему (1 Гостей и 0 Скрытых Пользователей)
0 Пользователей:
« Предыдущая тема | JavaScript: Применение библиотек | Следующая тема »


 




[ Время генерации скрипта: 0.0600 ]   [ Использовано запросов: 21 ]   [ GZIP включён ]


Реклама на сайте     Информационное спонсорство

 
По вопросам размещения рекламы пишите на vladimir(sobaka)vingrad.ru
Отказ от ответственности     Powered by Invision Power Board(R) 1.3 © 2003  IPS, Inc.