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":"datetime","formatter":"date",
					"formatoptions":{"srcformat":"Y-m-d H:i:s","newformat":"m/d/Y"},
					"search":false,"editable":true
				         },

			                 {"name":"代號","index":"代號","sorttype":"int","key":true,"editable":true},
                                         {"name":"名稱","index":"名稱","sorttype":"string","classes":"ui-ellipsis","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>