在使用jquery.easyui組件的過程中,我們經(jīng)常需要修改顯示數(shù)量的功能,比如每頁顯示幾條數(shù)據(jù)。那么如何實(shí)現(xiàn)這個(gè)功能呢?
//設(shè)置每頁顯示數(shù)量 $('#dg').datagrid({ pageSize: 10, //每頁顯示的記錄條數(shù),默認(rèn)為10 pageList: [5, 10, 20], //可以設(shè)置每頁記錄條數(shù)的列表 }); //修改每頁顯示數(shù)量的列表 $('#dg').datagrid('options').pageList = [10, 20, 30, 50]; $('#dg').datagrid('options').pageSize = 10; $('#dg').datagrid('loadData', data);//重新加載數(shù)據(jù)
以上代碼是使用datagrid組件時(shí)修改每頁顯示數(shù)量的方法。其中,pageSize屬性表示每頁顯示的記錄條數(shù),pageList屬性表示可以設(shè)置每頁記錄條數(shù)的列表。
如果要修改每頁顯示數(shù)量的列表,只需要修改pageList屬性,并重新加載數(shù)據(jù)即可。