1. 程式人生 > >DataGrid排序問題

DataGrid排序問題

<!--撐滿頁面-->
<div class='mini-fit' style='width:100%;height:100%;'>
	<div id='miniDataGrid' class='mini-datagrid' style='width:100%;height:100%;' idField='unid' sizeList='[5,10,15,30]' pageSize='15' multiSelect='true' showColumnsMenu='true' fitColumns='true' allowAlternating='true'>
		<div property='columns'>
				 <div type='indexcolumn'></div>
				 <div type='checkcolumn'></div>
 				 <div field='projectNo' 		width='120' allowSort='true' headerAlign='left'  align='left' 	renderer='CommonRowLink'>專案編號</div>
                          <div field='projectName' 	width='120' allowSort='true' headerAlign='left'  align='left' 	renderer='CommonRowLink'>專案名稱</div>	
			       <div field='mallCode' 	     width='120' allowSort='true' headerAlign='left'  align='left' 	>店面編號</div>
				<div field='mallName' 	     width='120' allowSort='true' headerAlign='left'  align='left'  >店面名稱</div>
			
				<div field='xmdd' 	     width='120' allowSort='true' headerAlign='left'  align='left' renderer='onAreaNameRender'>區域</div>
			
				<div field='createDate' 	width='120' allowSort='true' headerAlign='left'  align='left' 	renderer='CommonRowLink'>制單時間</div>		
				<div field='uuid' width='50'	visible='false'></div>
	    </div>
	</div>
</div>
<script type='text/javascript'>
	mini.parse();
	var grid = mini.get('miniDataGrid');
	//這裡可以重新指定自定義的資料裝載路徑
	grid.setUrl(gDir+'/admin/loadMapListForPageHeadOrList.action');
	var searchArr=[];
		var obj1={};
		obj1.wfStatus='2';
		searchArr.push(obj1);
	
	grid.load({search:mini.encode(searchArr),menuId:menuId});//載入方式
	grid.sortBy('createDate','desc');//設則定排序方式和排序欄位
</script>

  dataGrid排序問題:

預設的排序是升序,要是選擇降序需要重新寫排序的規則:grid.sortBy('createDate','desc');//設則定排序方式和排序欄位

sortBy ( sortField, sortOrder )   排序欄位