2010/02/13 | 
分類： 
本篇列出幾個常用的jqGrid options的設定，比對畫面與表格即能快速的理解這些設定的功用。
| options參數 | 說明 |
|---|---|
| pager | 設定jqGrid的頁面瀏覽面板的id，必須有<div id=”pager”>標籤，預設顯示在表格底部 |
| caption | Grid的標題，若不指定或設定成空字串，標題列就會消失 |
| hidegrid | 設定成false讓右上角的顯示/隱藏按鈕消失 |
| rownumbers | 設定成true在每列開頭顯示記錄編號 |
| rowList | 顯示每頁顯示幾筆記錄的陣列 |
| viewrecords | 是否顯示目前記錄編號與總筆數 |
| altRows | 設定成true以形成奇、偶數列不同樣式(俗稱斑馬線)。樣式以預設值altclass設定 |
設定了這些選項果然顯示出額外訊息，但卻都是英文的，幸好jqGrid內建支援i18n功能，將顯示字串獨立成不同的js檔案：
<script src="js/i18n/grid.locale-en.js" type="text/javascript"></script>
只要把-en修改成別的語言(如zh_TW)並複製grid.locale-en.js為新的grid.locale-新語言.js，再編輯檔案內容就能顯示正確的語言文字。 我們可以在JSP開頭加上取得瀏覽器語言的變數，以動態切換成不同的jqGrid文字：
<% String _sLocale = request.getLocale().toString(); %> //... <script src="js/i18n/grid.locale-< %=_sLocale%>.js" type="text/javascript"></script>
除了使用語言js檔外，也可以透過變更jqGrid物件的預設值來達成相同功能。jqGrid建立好後，其主物件名稱是$.jqgrid，修改$.jqgrid.defaults就可以了，例如：
$.jgrid.defaults = {
recordtext: "記錄 {0} - {1} 共{2}筆",
emptyrecords: "無資料",
loadtext: "載入中...",
pgtext: "第{0}頁/共{1}頁",
altclass: "altClass"
};
▼中文化後的畫面如下：
範例檔案下載(請用右鍵另存目標)
| 範例1 | Local array: my_localex.html |
| 範例2 | Local array 2: my_localex2.html |
| 範例3 |
|
| 範例4 | 資料列處理程式: my_manipex.jsp |
##
您可能也會有興趣的類似文章
- 第一個jqGrid範例：Local array (1則留言, 2010/02/13)
- 第4個jqGrid範例: 資料列處理 (15則留言, 2010/02/14)
- 第3個jqGrid範例: XML與XML STRING格式 (0則留言, 2010/02/14)
- jQuery DataTables範例1：啟始設定 (0則留言, 2011/10/20)
- jQuery選擇器測試與範例 (0則留言, 2007/09/29)
- 使用jQuery的效益 (0則留言, 2007/09/23)
- FixedHeader.js：將網頁表格標題列固定住的程式 (0則留言, 2011/09/29)
- jQuery神奇的選擇器(Selector) (2則留言, 2007/09/28)
- 替部落格的側邊欄位加上縮起與展開功能 (2則留言, 2007/03/18)
- jQuery在Xuite的測試 (0則留言, 2007/10/01)
- 方便查閱的jQuery 1.2 Cheat Sheet (1則留言, 2007/09/25)
- jQuery TreeView插件IE異常解決方法 (0則留言, 2007/11/13)
- 使用TiddlyWiki彙總部落格文章的方法與心得 (4則留言, 2007/12/01)
- 在Xuite裡使用jQuery的重點 (0則留言, 2007/09/22)
- 在Xuite測試 jQuery (0則留言, 2007/09/12)
標籤：
Loading ...
不好意思，能否麻煩您提供 範例2 的附檔 my_localex2.jsp ？現在沒辦法下載了，謝謝。
Sorry, 檔名寫錯了，已修正。請用右鍵Save As另存新檔。
不過，要不要試看看dataTables? 我覺得比jqGrid簡單，更容易上手。
感謝您的回覆。
也謝謝您提供新資訊，謝謝。
謝謝您的建議，用datatables真的很快就可以建立表格。
不過，它好像不能進行修改、刪除等動作？
我看了您提供的範例二，我覺得自己的寫法應該跟您差不多,但不知要怎麼把jqGrid的參數送到PHP(目前是將HTML、PHP及JS都寫在同一個PHP檔中)，請問能麻煩您提供一些建議嗎？謝謝您。
修改、刪除等自己做dialog處理就好了，jqGrid的格式我記得比較固定，實際應用上或許會受限。
因jqGrid已很久沒再使用，傳參數的作法不記得了，但應該找server data相關的文件看看。再不然，用jQuery的$.post()傳資料到後端吧。
感謝您的回覆，我會依您的建議試著實作，謝謝！