Пользовательские LengthMenu в DataTable

Question

В настоящее время я использую скрипт,

$(document).ready(function() { 
    $('#example').DataTable({ 
     "lengthMenu": [[10, 25, 50, -1], [10, 25, 50, "All"]], "iDisplayLength" : 25 
    }); 
}); 

HTML,

<input type="text" id=change /> 

Я хочу изменить lengthMenu. Пользователь может ввести номер вручную в текстовое поле выше. Используя входное значение, я хочу установить его в lengthMenu.

Например, если пользователь вводит 3 в текстовом вводе, измените lengthMenu на 3. Таким образом, datatable отобразит 3 записи на странице.

Заранее спасибо.

Answer 1

Попробуйте page.len() API method:

var length = $("#change").val(); 
table.page.len(length).draw(); 

Answer 2

(1) Не использовать по умолчанию DataTables' lengthMenu, написать HTML и CSS ввод его в соответствии с вашей страницы.

(2) Привязать событие, возможно, как: 'keyup' к вашему входу, вызвать событие, предоставляемое с помощью данных: event-length.