VPF::В плагине для постраничной сортировке не работает

mstdmstd

Дата 4.9.2014, 17:51 (ссылка)

(нет голосов)

Загрузка ...

Опытный

Профиль
Группа: Участник
Сообщений: 394
Регистрация: 30.12.2008

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

Всем привет,
Есть такой  jquery плагин для постраничной сортировке страниц http://tablesorter.com/docs/example-pager.html
Он работает за исключением  того что внизу есть инпут для ручного ввода номера страницы для перехода на эту страницу
По крайней мере я так понял назначение этого нижнего инпута
И как раз эта функция не работает
То есть при открытии страницы она отображает "1/103"  я так понимаю что сейчас отображается 1я страница из 103 .
И если ввести "5" и нажать Enter то должна открыться страница 5 ? Или не так ?

Aliance

Дата 5.9.2014, 07:41 (ссылка)

(нет голосов)

Загрузка ...

I ♥ <script>

Профиль
Группа: Модератор
Сообщений: 6418
Регистрация: 2.8.2004
Где: spb

Репутация: 7
Всего: 137

Это доп. плагин к основному плагину сортировку. То есть он не необходим. А судя по его коду он и не должен работать по enter, он чисто отображает какая страница - текущая.

--------------------

• Все о событиях
• Объекты и массивы
• ОКНА И ФРЕЙМЫ

JAVA ≠ JavaScript

mstdmstd

Дата 5.9.2014, 17:14 (ссылка)

(нет голосов)

Загрузка ...

Опытный

Профиль
Группа: Участник
Сообщений: 394
Регистрация: 30.12.2008

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

Да похоже на то
И кроме того возникли сложности с тем что для таблицы данные заполняются ajax-ом и
сортировка для таблицы не работает

Попытка вызвать .tablesorter() после заполнения таблицы в JS-коде :

Код


                {
                    var name = $('#search-name').val();
                    var manu = manufacture_sel;
                    var brand = brand_sel;
                    var sku  = sku_sel;
                    $.post('<?php echo base_url()?>inventory/search?page=' + page,{name:name,manu:manu,brand:brand,sku:sku},function(data){
                        var table = $('#list-product-result tbody');
                        table.html('');
                        if(data.items.length == 0) {
                            table.html('<tr><td colspan=8>No Product Added Yet</td></tr>');
                        } else {
                            for(var index in data['items']) {
                                var row = data['items'][index];
                                table.append('<tr>' +
                                                '<td>' +
                                                     '<a target="_blank" href="/inventory/detail/' + row.i_id + '/' + row.ic_id + '">' + row.i_id +
                                                    '</a>' +
                                                '</td>    ' +
                                                    ...
                                                '<td><center>' +
                                                            '<a href="/inventory/update/' + row.ic_id + '">Edit</a>,' +
                                                        '&nbsp;&nbsp;<a href="/inventory/delete/' + row.i_id + '/' + row.ic_id + '">Delete</a>' +
                                                    '</center>' +
                                                '</td>' +
                                            '</tr>');
                            }
                            alert( "Table filled::")
                            $("#list-product-result").tablesorter();
                            alert( "::tablesorter() applied!")

В консоле ошибок не было но результата не дала - сортровки нет.

Сама таблица задана так :

Код


                            <table id='list-product-result'  class="tablesorter">
                            <thead>
                                <tr>
                                    <td>OCID</td>
                                    <td>Title</td>
                                    <td>SKU</td>
                                    <td>Quantity</td>
                                    <td>Price</td>
                                    <td>MSRP</td>
                                    <td>1111Time Posted</td>
                                    <td>Action</td>
                                </tr>
                            </thead>
                            <tbody>

                            </tbody>
                            </table>

Также я на этой форме поместил таблицу из демо примера и к ней применил метод tablesorter() - эта демо таблица заработала - так что все файлы я подключил правильно.
Можно ли сделать сортировку на моей таблице ?

mstdmstd

Дата 15.9.2014, 21:14 (ссылка)

(нет голосов)

Загрузка ...

Опытный

Профиль
Группа: Участник
Сообщений: 394
Регистрация: 30.12.2008

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

Вроде со всем разобрался, кроме одного .
На этом инпуте лейбл выводится в виде "1 to 10 of 25 rows " а можно ли указать номер текущей страницы и кол-во страниц паджинации?

mstdmstd

Дата 23.9.2014, 18:34 (ссылка)

(нет голосов)

Загрузка ...

Опытный

Профиль
Группа: Участник
Сообщений: 394
Регистрация: 30.12.2008

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

А еще по этому плагину подскажите можно ли сделать чтобы ярлычки сортировки в заголовке работали немного по-иному :
чтобы было 2 картинки который бы менялись от направления asc/desc ? ?И можно выделить колонку сортировкой?

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