Форум программистов, компьютерный форум, киберфорум
Наши страницы
JavaScript
Войти
Регистрация
Восстановить пароль
 
Ukol911
0 / 0 / 0
Регистрация: 28.06.2014
Сообщений: 16
#1

Datatables plugin, сортировка

17.04.2015, 15:53. Просмотров 342. Ответов 1
Метки нет (Все метки)

Доброго времени суток.
Начал знакомство с datables plug вроде как шикарная штука все просто и понятно, но вот что-то застрял на боксах для сортировки. Может кто-нибудь знает как поле для column filter (select) вывести за пределы таблицы, сохранив при этом работоспособность.

Javascript
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
$.fn.dataTableExt.oApi.fnGetColumnData = function ( oSettings, iColumn, bUnique, bFiltered, bIgnoreEmpty ) {
 
    if ( typeof iColumn == "undefined" ) return new Array();
 
 
    if ( typeof bUnique == "undefined" ) bUnique = true;
 
 
    if ( typeof bFiltered == "undefined" ) bFiltered = true;
 
 
    if ( typeof bIgnoreEmpty == "undefined" ) bIgnoreEmpty = true;
 
 
    var aiRows;
 
 
    if (bFiltered == true) aiRows = oSettings.aiDisplay;
 
    else aiRows = oSettings.aiDisplayMaster;
 
    var asResultData = new Array();
 
    for (var i=0,c=aiRows.length; i<c; i++) {
        iRow = aiRows[i];
        var aData = this.fnGetData(iRow);
        var sValue = aData[iColumn];
 
 
        if (bIgnoreEmpty == true && sValue.length == 0) continue;
 
 
        else if (bUnique == true && jQuery.inArray(sValue, asResultData) > -1) continue;
 
 
        else asResultData.push(sValue);
    }
 
    return asResultData;
}}(jQuery));
 
 
function fnCreateSelect( aData )
{
    var r='<select id = "ty"><option value=""></option>', i, iLen=aData.length;
    for ( i=0 ; i<iLen ; i++ )
    {
        r += '<option value="'+aData[i]+'">'+aData[i]+'</option>';
    }
    return r+'</select>';
}
 
 
$(document).ready(function() {
 
    var oTable = $('#dataTable').dataTable({
        "oLanguage": {
            "sSearch": "Search all columns:"
        },
        "aaData": aDataSet,
 
        "aoColumns": [ {"sType": "string"},
                       {"sType": "string"},
                       {"sType": "string"},
                       {"sType": "number"},
                       {"sType": "string"},
                       {"sType": "string"}],
         "aaSorting": [],
        "bSortCellsTop": true,
        "iDisplayLength": 10
    })  ;
 
      $("thead tr").each( function ( i ) {
        this.innerHTML = fnCreateSelect( oTable.fnGetColumnData(i) );
        $('select', this).change( function () {
            oTable.fnFilter( $(this).val(), i );
        } );
     } );
} );
0
Надоела реклама? Зарегистрируйтесь и она исчезнет полностью.
Similar
Эксперт
41792 / 34177 / 6122
Регистрация: 12.04.2006
Сообщений: 57,940
17.04.2015, 15:53
Ответы с готовыми решениями:

Написание Chrome extention (plugin)
Захотелось попробовать написать плагин для хрома, и тут же столкнулся с такой...

DataTables - сортировка, файлы, поиск и фильтры
Добрый вечер! Есть несколько вопросов по Datatables: 1. Как убрать сортировку...

Jquery Datatables
Доброго времени суток! У меня появилась проблема. По работе делаю веб-сервис и...

DataTables pagination
Всем привет, может кто сталкивался со следующей проблемой... есть стандартная...

Параметр '_' в плагине DataTables
При отправке запроса к серверу передаётся параметр '_' со значением...

1
KEKCoGEN
Эксперт Java
2047 / 1922 / 496
Регистрация: 28.12.2010
Сообщений: 7,692
17.04.2015, 16:34 #2
Я уже незнаю. Может кодерам на JS обязательный тест проходить при регистрации в котором есть один единственный вопрос "Знаете ли вы что JS и Java это два разных языка?"

Перенес из Java
0
MoreAnswers
Эксперт
37091 / 29110 / 5898
Регистрация: 17.06.2006
Сообщений: 43,301
17.04.2015, 16:34

Использование плагина DataTables
Работает ли плагин с динамически подгружаемыми таблицами? Если да, то как...

Изменить ширину столбца datatables
Здравствуйте дорогие друзья. Пользуюсь таблицами Datatables. Все устраивает,...

Jquery datatables изменение цвета строки
Привет. Есть табличка, работает без AJAX. Но есть редактирование статуса (при...


Искать еще темы с ответами

Или воспользуйтесь поиском по форуму:
2
Ответ Создать тему
Опции темы

КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin® Version 3.8.9
Copyright ©2000 - 2018, vBulletin Solutions, Inc.
Рейтинг@Mail.ru