pageSize Textbox in Datagrod pagination [Solved]

[Darrel]

Hello,

In datagrid using pagination property, is it possible to create a pageSize textbox instead of a dropdown?

I want the page size to be dynamically entered instead of being chosen from the predefined values in the dropdown list.......

Thanks & Regards,
Darrel.

[stworthy]

You can't replace the page drop-down but you can append an input box to the pagination bar, please refer to the code below:

Code:

var pager = $('#dg').datagrid('getPager');
var opts = pager.pagination('options');
var list = pager.find('.pagination-page-list').hide();
var tb = $('<input>').insertAfter(list);
tb.numberbox({
    width: 50,
    value: opts.pageSize,
    onChange: function(value){
        list.html('<option>'+value+'<option>');
        pager.pagination('refresh', {pageSize:value});
        list.triggerHandler('change');
    }
})

[Darrel]

Thanks a lot stworty. It works great

Thanks