Jquery Flexgrid 設定檔說明

 来源：http://doublekai.org/blog/?p=517#

這個檔差點就被我刪掉了= =，好險有找到，我看還是PO在網誌比較安心一點

  

1. $('#EmployeeGrid').flexigrid({   
2.     //表格寬度(注意在IE不能使用100%之類字串)   
3.     width:$(window).width()-2,   
4.     //表格高度(注意在IE不能使用100%之類字串)   
5.     height:480,   
6.     //資料列雙色交差   
7.     striped:true,   
8.     //欄位雙色交差   
9.     novstripe:false,   
10.     //最小寬度   
11.     minwidth:400,   
12.     //最小高度   
13.     minheight:200,   
14.     //是否可調整視窗大小   
15.     resizable:true,   
16.     //遠端伺服的網址   
17.     url:'server/employee.php',   
18.     //資料送出模式   
19.     method:'POST',   
20.     //回傳的資料類型   
21.     dataType:'xml',   
22.     //連結資料失敗時的訊息   
23.     errormsg:'連線資料庫失敗',   
24.     //啟用分頁器   
25.     usepager:true,   
26.     //不重疊   
27.     nowrap:true,   
28.     //預設的頁數   
29.     page:1,//currentpage   
30.     //總頁數   
31.     total:1,//totalpages   
32.     //使用分頁大小選擇器   
33.     useRp:true,   
34.     //預設的分頁大小(筆數)   
35.     rp:15,//resultsperpage   
36.     //可選用的分頁大小   
37.     rpOptions:[10,15,20,25,40],   
38.     //標題   
39.     title:false,   
40.     //分頁器的顯示資訊   
41.     pagestat:'檢視{from}到{to}，全部共有{total}筆資料',   
42.     //讀取時的訊息   
43.     procmsg:'資料讀取中，請稍後…',   
44.     //搜尋時送出附加自訂的query   
45.     query:'',   
46.     //搜尋自訂附加的欄位，請搜尋"//addsearchbutton"參考原始碼那段   
47.     qtype:'',   
48.     //空資料時的訊息   
49.     nomsg:'找不到符合絛件的資料',   
50.     //隱藏欄位數不得少於?   
51.     minColToggle:1,   
52.     //顯示或關閉隱藏欄位的開啟器   
53.     showToggleBtn:true,   
54.     //預設排序的欄位   
55.     sortname:'basic_name',   
56.     //預設排序的方式   
57.     sortorder:'asc',   
58.     //送出時隱藏   
59.     hideOnSubmit:false,   
60.     //限定單選   
61.     singleSelect:true,   
62.     //不得調整視窗寬度   
63.     nohresize:true  
64.     //自動讀取資料   
65.     autoload:true,   
66.     //區塊透明   
67.     blockOpacity:0.5,   
68.     //顯示隱藏欄位時呼叫的自訂函式   
69.     onToggleCol:false,   
70.     //改變排序方式時呼叫的自訂函式   
71.     onChangeSort:false,   
72.     //執行成功後呼叫的自訂函式   
73.     onSuccess:false,   
74.     //資料送出時呼叫的自訂函式   
75.     onSubmit:false,   
76.     //錯誤時呼叫的自訂函式   
77.     onError:false,   
78.     //當分頁大小選擇器被選擇時呼叫自訂函式   
79.     onRpChange:false,   
80.     //是否顯示右上角縮小視窗的按鈕   
81.     showTableToggleBtn:true,   
82.     //定義欄位資訊(以下為範例)   
83.     colModel:[   
84.         //第一個欄位   
85.         {display:'身份證字號',   
86.          name:'basic_unicode',   
87.          width:75,   
88.          sortable:true,   
89.          align:'center',   
90.          hide:false},   
91.         //第二個欄位   
92.         {display:'姓名',   
93.          name:'basic_unicode',   
94.          width:75,   
95.          sortable:true,   
96.          align:'center',   
97.          hide:false}   
98.     ],   
99.     //自訂的參數(以下為範例)   
100.     params:[   
101.         //參數1(陣列型)   
102.         {name:'viewFields',value:['id','basic_unicode','basic_name']},   
103.         //參數2(單一型)   
104.         {name:'action',value:'view'}   
105.         /*  
106.         附註：另外以下為預設一定會送出去的物件參數，注意不要取同名  
107.         var param={  
108.             page:p.newp,  
109.             rp:p.rp,  
110.             sortname:p.sortname,  
111.             sortorder:p.sortorder,  
112.             query:p.query,  
113.             qtype:p.qtype  
114.         };  
115.         */  
116.     ],   
117.     //定義功能欄的按鈕資訊(以下為範例)   
118.     buttons:[   
119.         {name:'新增',bclass:'add',onpress:null},   
120.         {name:'刪除',bclass:'delete',onpress:null},   
121.         {separator:true}   
122.     ],   
123.     //定義搜尋欄位資訊(以下為範例)   
124.     searchitems:[   
125.         {display:'身份證字號',name:'basic_unicode'},   
126.         {display:'聯絡手機',name:'contact_mobile'},   
127.         {display:'姓名',name:'basic_name',isdefault:true}   
128.     ]   
129. });  

$('#EmployeeGrid').flexigrid({
	//表格寬度(注意在IE不能使用100%之類字串)
	width:$(window).width()-2,
	//表格高度(注意在IE不能使用100%之類字串)
	height:480,
	//資料列雙色交差
	striped:true,
	//欄位雙色交差
	novstripe:false,
	//最小寬度
	minwidth:400,
	//最小高度
	minheight:200,
	//是否可調整視窗大小
	resizable:true,
	//遠端伺服的網址
	url:'server/employee.php',
	//資料送出模式
	method:'POST',
	//回傳的資料類型
	dataType:'xml',
	//連結資料失敗時的訊息
	errormsg:'連線資料庫失敗',
	//啟用分頁器
	usepager:true,
	//不重疊
	nowrap:true,
	//預設的頁數
	page:1,//currentpage
	//總頁數
	total:1,//totalpages
	//使用分頁大小選擇器
	useRp:true,
	//預設的分頁大小(筆數)
	rp:15,//resultsperpage
	//可選用的分頁大小
	rpOptions:[10,15,20,25,40],
	//標題
	title:false,
	//分頁器的顯示資訊
	pagestat:'檢視{from}到{to}，全部共有{total}筆資料',
	//讀取時的訊息
	procmsg:'資料讀取中，請稍後…',
	//搜尋時送出附加自訂的query
	query:'',
	//搜尋自訂附加的欄位，請搜尋"//addsearchbutton"參考原始碼那段
	qtype:'',
	//空資料時的訊息
	nomsg:'找不到符合絛件的資料',
	//隱藏欄位數不得少於?
	minColToggle:1,
	//顯示或關閉隱藏欄位的開啟器
	showToggleBtn:true,
	//預設排序的欄位
	sortname:'basic_name',
	//預設排序的方式
	sortorder:'asc',
	//送出時隱藏
	hideOnSubmit:false,
	//限定單選
	singleSelect:true,
	//不得調整視窗寬度
	nohresize:true
	//自動讀取資料
	autoload:true,
	//區塊透明
	blockOpacity:0.5,
	//顯示隱藏欄位時呼叫的自訂函式
	onToggleCol:false,
	//改變排序方式時呼叫的自訂函式
	onChangeSort:false,
	//執行成功後呼叫的自訂函式
	onSuccess:false,
	//資料送出時呼叫的自訂函式
	onSubmit:false,
	//錯誤時呼叫的自訂函式
	onError:false,
	//當分頁大小選擇器被選擇時呼叫自訂函式
	onRpChange:false,
	//是否顯示右上角縮小視窗的按鈕
	showTableToggleBtn:true,
	//定義欄位資訊(以下為範例)
	colModel:[
		//第一個欄位
		{display:'身份證字號',
		 name:'basic_unicode',
		 width:75,
		 sortable:true,
		 align:'center',
		 hide:false},
		//第二個欄位
		{display:'姓名',
		 name:'basic_unicode',
		 width:75,
		 sortable:true,
		 align:'center',
		 hide:false}
	],
	//自訂的參數(以下為範例)
	params:[
		//參數1(陣列型)
		{name:'viewFields',value:['id','basic_unicode','basic_name']},
		//參數2(單一型)
		{name:'action',value:'view'}
		/*
		附註：另外以下為預設一定會送出去的物件參數，注意不要取同名
		var param={
			page:p.newp,
			rp:p.rp,
			sortname:p.sortname,
			sortorder:p.sortorder,
			query:p.query,
			qtype:p.qtype
		};
		*/
	],
	//定義功能欄的按鈕資訊(以下為範例)
	buttons:[
		{name:'新增',bclass:'add',onpress:null},
		{name:'刪除',bclass:'delete',onpress:null},
		{separator:true}
	],
	//定義搜尋欄位資訊(以下為範例)
	searchitems:[
		{display:'身份證字號',name:'basic_unicode'},
		{display:'聯絡手機',name:'contact_mobile'},
		{display:'姓名',name:'basic_name',isdefault:true}
	]
});

另外官方原始碼沒有寫到「onRowDblclick」事件，也就是在欄位上連點兩下時呼叫的自訂函式，所以我在原始碼追加了一些程式碼(強化XD)，讓他有這個效果，不過方法就等下篇再寫吧，不然會混在一起太亂