/**************************************************************************/
/**************用Ext生成列表頁面的方法**************************************/
/**************************************************************************/
//初始化Ext列表信息:gridInitalize方法為實例
 //調用時用如下寫法,
 
 //Ext.onReady(function(){uerSelfFunction();});

//開發人員可按自己的需求進行合理的擴展,
 function uerSelfFunction(){
 	//數據源
 	var data_url='J_data.jsp';
 	
 	//顯示位置
 	var div_show="grid";
 	
 	//列表標題
 	var title="表標題";
 	
 	//字段[***************************************************************]
 	//此字段是與表頭里出現的列數相對應
 	var fields=new Array({name : 'id'},{name : 'name'},{name : 'descn'});
 	
 	//數據源[其格式固定不變]
 	var dds=new Ext.data.Store({proxy : new Ext.data.HttpProxy({url : data_url}),reader : new Ext.data.JsonReader({totalProperty : 'totalCount',root : 'root',fields:fields })
	
	});
	//列表寬度
	var gridWidth=450;
	
	//是否顯示行號
	var rm=new Ext.grid.RowNumberer();
	//是否有復選框
 	var sm=new Ext.grid.CheckboxSelectionModel();
 	
 	//表頭,有多少列，就寫多個列，按自己的需要，像id等不要顯示出來，但要用到其值，可以將[hidden:true]
 	//
 	var headField= new Array();
 	headField.push(rm);
 	headField.push({header : '編號',dataIndex:'id',sortable : true,hidden:false,hideable:true,width:100});
 	headField.push({header : '名稱',dataIndex : 'name',sortable : true,width:150});
 	headField.push({header : '描述',dataIndex : 'descn',sortable : true,width:200});
 	var cm = new Ext.grid.ColumnModel(headField);
 	
 	//一頁顯示多少條
 	var pageSize=10;
 	
 	//工具條[按用戶自已的需要進行擴展]
 	
 	var toolsBar;
 	//=new Array();
 	//toolsBar.push({text: '查看用戶',iconCls:'details',handler : function(){alert('查看用戶')}});
 	//toolsBar.push({text: '修改用戶',iconCls:'add',handler : function(){alert('修改用戶')}});
 	//toolsBar.push({text: '刪除用戶',iconCls:'remove',handler : function(){alert('刪除用戶')}});
 	
 	//開始調用方法
 	CreateGridPanal(toolsBar,cm,sm,div_show,title,dds,gridWidth,pageSize);
 }

var grid;
//生成列表公用方法
function CreateGridPanal(toolsBar,cm,sm,div_show,title_msg,dds,gridWidth,pageSize) {
	
	 grid = new Ext.grid.GridPanel({
		el : div_show,
		ds : dds,
		cm : cm,
		autoWidth:true,
		autoHeight:true,
		frame:true,
		title:title_msg,
		sm:sm,
        clicksToEdit:1,
        selModel: new Ext.grid.RowSelectionModel({singleSelect:false}),
		tbar:toolsBar,
		
		bbar : new Ext.PagingToolbar({
			pageSize : pageSize,
			store : dds,
			displayInfo : true,
			displayMsg : '顯示{0}到{1}條記錄，總共{2}條記錄',
			emptyMsg : '沒有記錄'
		})
	});
	grid.render();
	dds.load({
		params : {
			start : 0,
			limit : 10
		}
	});
}