Форум программистов, компьютерный форум, киберфорум
JavaScript
Войти
Регистрация
Восстановить пароль
Блоги Сообщество Поиск Заказать работу  
 
Рейтинг 4.60/5: Рейтинг темы: голосов - 5, средняя оценка - 4.60
0 / 0 / 0
Регистрация: 28.06.2014
Сообщений: 16

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

17.04.2015, 15:53. Показов 1143. Ответов 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
cpp_developer
Эксперт
20123 / 5690 / 1417
Регистрация: 09.04.2010
Сообщений: 22,546
Блог
17.04.2015, 15:53
Ответы с готовыми решениями:

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

Datatables по функци
как с помощью $(document).ready(function() { $('#example').DataTable( { &quot;paging&quot;: false, &quot;ordering&quot;:...

Jquery Datatables
Доброго времени суток! У меня появилась проблема. По работе делаю веб-сервис и необходимо, чтобы данные возвращались в DataTable (проблема...

1
Эксперт Java
 Аватар для KEKCoGEN
2399 / 2224 / 565
Регистрация: 28.12.2010
Сообщений: 8,672
17.04.2015, 16:34
Я уже незнаю. Может кодерам на JS обязательный тест проходить при регистрации в котором есть один единственный вопрос "Знаете ли вы что JS и Java это два разных языка?"

Перенес из Java
0
Надоела реклама? Зарегистрируйтесь и она исчезнет полностью.
raxper
Эксперт
30234 / 6612 / 1498
Регистрация: 28.12.2010
Сообщений: 21,154
Блог
17.04.2015, 16:34
Помогаю со студенческими работами здесь

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

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

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

ошибка в таблице на DataTables example
делаю такую таблице выводятся все но она слетает на DataTables &lt;!DOCTYPE html&gt; &lt;html&gt; &lt;head&gt; &lt;meta...

Некорректное отображение даты в DataTables
Добрый день. Пишу веб-приложение на MVC которое позволяет работать с таблицей хранящейся в MSSQL. Таблицу получаю через модель ADO.net...


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

Или воспользуйтесь поиском по форуму:
2
Ответ Создать тему
Новые блоги и статьи
Как я обхитрил таблицу Word
Alexander-7 21.03.2026
Когда мигает курсор у внешнего края таблицы, и нам надо перейти на новую строку, а при нажатии Enter создается новый ряд таблицы с ячейками, то мы вместо нервных нажатий Энтеров мы пишем любые буквы. . .
Krabik - рыболовный бот для WoW 3.3.5a
AmbA 21.03.2026
без регистрации и смс. Это не торговля, приложение не содержит рекламы. Выполняет свою непосредственную задачу - автоматизацию рыбалки в WoW - и ничего более. Однако если админы будут против -. . .
Программный отбор значений справочника
Maks 21.03.2026
Установка программного отбора значений справочника "Сотрудники" из модуля формы документа. В качестве фильтра для отбора служит предопределенное значение перечислений. Процедура. . .
Переходник USB-CAN-GPIO
Eddy_Em 20.03.2026
Достаточно давно на работе возникла необходимость в переходнике CAN-USB с гальваноразвязкой, оный и был разработан. Однако, все меня терзала совесть, что аж 48-ногий МК используется так тупо: просто. . .
Оттенки серого
Argus19 18.03.2026
Оттенки серого Нашёл в интернете 3 прекрасных модуля: Модуль класса открытия диалога открытия/ сохранения файла на Win32 API; Модуль класса быстрого перекодирования цветного изображения в оттенки. . .
SDL3 для Desktop (MinGW): Рисуем цветные прямоугольники с помощью рисовальщика SDL3 на Си и C++
8Observer8 17.03.2026
Содержание блога Финальные проекты на Си и на C++: finish-rectangles-sdl3-c. zip finish-rectangles-sdl3-cpp. zip
Символические и жёсткие ссылки в Linux.
algri14 15.03.2026
Существует два типа ссылок — символические и жёсткие. Ссылка в Linux — это запись в каталоге, которая может указывать либо на inode «файла-ИСТОЧНИКА», тогда это будет «жёсткая ссылка» (hard link),. . .
[Owen Logic] Поддержание уровня воды в резервуаре количеством включённых насосов: моделирование и выбор регулятора
ФедосеевПавел 14.03.2026
Поддержание уровня воды в резервуаре количеством включённых насосов: моделирование и выбор регулятора ВВЕДЕНИЕ Выполняя задание на управление насосной группой заполнения резервуара,. . .
КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin
Copyright ©2000 - 2026, CyberForum.ru