Performance / Paging

View Code

	

	<div id="page" data-role="page" data-theme="a">
    ...
		<table id='grid'></table>
		<div id='pager'></div>

		

		<script type='text/javascript'>
		jQuery('#grid').jqGrid({
			hoverrows:false,
			"viewrecords":true,
			"jsonReader":{"repeatitems":false,"subgrid":{"repeatitems":false}},
			"gridview":true,
			"url":"data.json",
			"loadonce": true,
			"rowNum":10,
			"height":200,
			"autowidth":true,
			"sortname":"OrderID",
			"rowList":[10,30,40],
			"datatype":"json",
			"colModel":[
                                       {"name":"代號","index":"代號","sorttype":"int","key":true,"editable":true},
                                       {"name":"名稱","index":"名稱","sorttype":"string","classes":"ui-ellipsis","editable":true}
                                       {"name":"股東會日期","index":"股東會日期","sorttype":"datetime","formatter":"date",
					"formatoptions":{"srcformat":"Y-m-d H:i:s","newformat":"m/d/Y"},
					"search":false,"editable":true},
                                       {"name":"除息日期","index":"除息日期","sorttype":"datetime","formatter":"date",
					"formatoptions":{"srcformat":"Y-m-d H:i:s","newformat":"m/d/Y"},
					"search":false,"editable":true}
                                       {"name":"除權日期","index":"除權日期","sorttype":"datetime","formatter":"date",
					"formatoptions":{"srcformat":"Y-m-d H:i:s","newformat":"m/d/Y"},
					"search":false,"editable":true}
                                       {"name":"現金股利","index":"現金股利","sorttype":"numeric","search":false,"editable":true}
                                       {"name":"股票股利","index":"股票股利","sorttype":"numeric","search":false,"editable":true}
                                       {"name":"合計","index":"合計","sorttype":"numeric","search":false,"editable":true}
                                       {"name":"發放日","index":"發放日","sorttype":"datetime","formatter":"date",
					"formatoptions":{"srcformat":"Y-m-d H:i:s","newformat":"m/d/Y"},
					"search":false,"editable":true}
		                       {"name":"統計年分","index":"統計年分","sorttype":"string","search":false,"classes":"ui-ellipsis","editable":true}
                                       {"name":"除權息次數","index":"除權息次數","sorttype":"int","key":true,"editable":true}
                                       {"name":"填權息次數","index":"填權息次數","sorttype":"int","key":true,"editable":true}
                                       {"name":"最大天數","index":"最大天數","sorttype":"int","key":true,"editable":true}
                                       {"name":"最小天數","index":"最小天數","sorttype":"int","key":true,"editable":true}
                                       {"name":"有填權平均天數","index":"有填權平均天數","sorttype":"numeric","search":false,"editable":true}
                                       {"name":"成功填權息率(%)","index":"成功填權息率(%)","sorttype":"numeric","search":false,"editable":true}
                                       {"name":"本益比","index":"本益比","sorttype":"numeric","search":false,"editable":true}
                                       {"name":"殖利率(%)","index":"殖利率(%)","sorttype":"numeric","search":false,"editable":true}
                                       {"name":"股價淨值比","index":"股價淨值比","sorttype":"numeric","search":false,"editable":true}],
                                     ],
			"pager":"#pager"
		});
		// Toolbar searching
		jQuery('#grid').jqGrid('filterToolbar',{"stringResult":true});
		...
		</script>
	</div>