Таблица нумерации не работает - PullRequest
Новая
       26

Таблица нумерации не работает

0 голосов
/ 03 декабря 2009

Я использую два плагина jQuery: Быстрый поиск и tablePagination

Когда я набираю текст в поле ввода, разбиение на страницы не работает: (

Это мой код: 

<html><head>
    <script type="text/javascript" src="/js/jquery.js"></script>
    <script type="text/javascript" src="/js/jquery.quicksearch.pack.js"></script>
    <script type="text/javascript" src="/js/jquery.tablePagination.js"></script>
    <script>
        var options = {rowsPerPage : 2,}

        $('#admin_table').tablePagination(options);

        $('table#admin_table tbody tr').quicksearch({
            position: 'before',
            attached: '#admin_table',
            labelText: 'Search'
        });
    </script>
</head>
<body>
    <table id="admin_table" class="admin_table">
    <tbody>
        <tr><td>test</td><td>test11</td></tr>
        <tr><td>te</td><td>tt11</td></tr>
        <tr><td>te4t</td><td>tes211</td></tr>
        <tr><td>tes45t</td><td>te234st11</td></tr>
        <tr><td>te67st</td><td>te123st11</td></tr>
</body>
</html>

Как я могу сделать нумерацию страниц, если я набираю текст в поисковой строке?

1 Ответ

1 голос
/ 03 декабря 2009

Попробуйте эту исправленную версию. Ваша основная проблема, вероятно, заключается в том, что вы не заключили код инициализации в блок $(document).ready(function() { ... });. Не делая этого, у вас есть несколько потенциальных источников ошибок. Код выполняется до полной загрузки quicksearch и / или tablepagination и / или выполняется до того, как сама таблица становится видимой в dom, так как она отображается после javascript 

<html><head>
    <script type="text/javascript" src="/js/jquery.js"></script>
    <script type="text/javascript" src="/js/jquery.quicksearch.pack.js"></script>
    <script type="text/javascript" src="/js/jquery.tablePagination.js"></script>
    <script type="text/javascript">
        var options = {rowsPerPage : 2,};
        $(document).ready(function() {
            $('table#admin_table').tablePagination(options);

            $('table#admin_table > tbody > tr').quicksearch({
                position: 'before',
                attached: '#admin_table',
                labelText: 'Search'
            });
        });
    </script>
</head>
<body>
    <table id="admin_table" class="admin_table">
    <tbody>
        <tr><td>test</td><td>test11</td></tr>
        <tr><td>te</td><td>tt11</td></tr>
        <tr><td>te4t</td><td>tes211</td></tr>
        <tr><td>tes45t</td><td>te234st11</td></tr>
        <tr><td>te67st</td><td>te123st11</td></tr>
    </tbody>
    </table>
</body>
</html>
...