свяжите мое собственное поле ввода записей с таблицей данных - PullRequest
Новая
       17

свяжите мое собственное поле ввода записей с таблицей данных

0 голосов
/ 30 апреля 2019

Я создал окно показа записей, но я не знаю, как связать его с таблицей данных, чтобы оно отображало выбранное число. Я делаю это, чтобы исправить местоположение коробки с помощью css и js, чтение их документов мне не очень помогло. благодарю вас. это мой код выбора ящика:

Я пытался: .pageLength .lengthMenu .plengthMenu в скрипте 

<div class="fixedd" style="color: azure">
Show Entries: &nbsp;<select name="showentries" type="select" 
id="showentries" placeholder="Search...." style="        color: black">
<option value="10">10</option>
<option value="25">25</option>
<option value="50">50</option>
<option value="100">100</option>
</select>
</div>

и это мой сценарий: 

 $(document).ready(function () {
        var dataTable = $('#scrape').dataTable({
            "pageLength": 100,
            "bLengthChange": false,
        });

        $("#searchbox").keyup(function () {
            dataTable.fnFilter(this.value);
        });
         $("#showentries").keyup(function () {
            datatable.lengthMenu(this.value);
        });


    });

кстати, окно поиска работает нормально.

1 Ответ

0 голосов
/ 01 мая 2019

Это то, что я сделал, чтобы это работало. Однако он работает только в IE, если у кого-то есть идеи о том, как заставить его работать в Chrome, не стесняйтесь комментировать или добавлять ответ. 

<div class=" fixedd" style="color: azure">
        Show Entries: &nbsp;<select name="showentries" type="select" id="showentries" placeholder="Search...." style="color: black">
            <option id="_10" value="10">10</option>
            <option id="_25" value="25">25</option>
            <option id="_50" value="50">50</option>
            <option id="_100" value="100">100</option>

        </select>
    </div>
<script>
  $(document).ready(function () {
            var dataTable = $('#scrape').dataTable({
               // "pageLength": 100,
                "bLengthChange": false,
                   fixedHeader: {
                    header: true,
                    footer: true,
                    headerOffset: 50
                },
            });
            var table = $('#scrape').DataTable();

            $("#searchbox").keyup(function () {
                dataTable.fnFilter(this.value);
            });
           //'.btn-details',
            $("#scrape").on('click', function () {
                table.page.len(10).draw();
            });
            $("#scrape").on('click', function () {
                table.page.len(25).draw();
            });
            $("#scrape").on('click', function () {
                table.page.len(50).draw();
            });
            $("#scrape").on('click', function () {
                table.page.len(100).draw();
            });
        });
</script>
...