The combogrid can be used to display large data. The 'scrollview' can be attached to display large rows without pagination. The 'datagrid-filter' extension can be applied to get the filter functionality. The code below shows how to display and filter large rows on a drop-down panel.
$('#cc').combogrid({
columns: [[
{field:'name',title:'Search',width:100}
]],
view: scrollview,
idField: 'inv',
textField: 'name',
pageSize: 50,
data: rows,
fitColumns: true,
showFilterBar: false,
showHeader: false,
keyHandler: $.extend({}, $.fn.combogrid.defaults.keyHandler, {
query: function(q){
var dg = $(this).combogrid('grid');
dg.datagrid('options').onLoadSuccess = function(){
};
dg.datagrid('addFilterRule', {
field: 'name',
op: 'contains',
value: q
}).datagrid('doFilter');
}
})
}).combogrid('grid').datagrid('enableFilter');