分類： jQuery程式設計
第4個jqGrid範例: 資料列處理
jqGrid Method的執行方法語法是：
$("#grid_id").jqGrid('方法', 參數 [,參數...]);
部份常用方法列表如下：
| 方法 | 說明 |
|---|---|
| getRowData | 取得列物件 |
| delRowData | 刪除指定的資料列 |
| setRowData | 修改指定的資料列 |
| setSelection | 切換指定的列為勾選或不勾選 |
| addRowData | 新增一筆資料列到最後 |
| sortGrid | 對Grid資料做排序處理 |
| reloadGrid | 重新讀資料到Grid |
第3個jqGrid範例: XML與XML STRING格式
如果將datatype設定為XML或XMLSTRING時，就能使用XML格式當做資料來源。XML資料儲放在程式外部時使用”XML”，要使用內嵌於程式裡時則使用”XMLSTRING”。
第2個jqGrid範例：增加額外選項設定
本篇列出幾個常用的jqGrid options的設定，比對畫面與表格即能快速的理解這些設定的功用。
| options參數 | 說明 |
|---|---|
| pager | 設定jqGrid的頁面瀏覽面板的id，必須有<div id=”pager”>標籤，預設顯示在表格底部 |
| caption | Grid的標題，若不指定或設定成空字串，標題列就會消失 |
| hidegrid | 設定成false讓右上角的顯示/隱藏按鈕消失 |
| rownumbers | 設定成true在每列開頭顯示記錄編號 |
| rowList | 顯示每頁顯示幾筆記錄的陣列 |
| viewrecords | 是否顯示目前記錄編號與總筆數 |
| altRows | 設定成true以形成奇、偶數列不同樣式(俗稱斑馬線)。樣式以預設值altclass設定 |
第一個jqGrid範例：Local array
jqGrid是一個jQuery的擴充外掛，透過它能很快速的撰寫資料Grid展示處理。目前正在評估是否將jqGrid整合到專案裡，因此這幾天做了一些測試，趁記憶猶新趕緊記錄下來。
首先由http://www.trirand.com/blog/?page_id=6下載jqGrid最新的示範壓縮檔jqgrid_demo36.zip，再將檔案解壓縮到測試用的Webapp裡。
jqGrid的資料區塊要存放在一個<table>裡，頁面導覽面板(Navigation Pager)則使用一個<div>，因此要顯示jqGrid的資料只要有下列兩組標籤，在執行jQuery("#grid_id").jqGrid()後，jqGrid就會自動設置這兩個標籤並填入資料：
jQuery TreeView插件IE異常解決方法
為了在網頁裡以樹狀方式讓使用者選取，於是使用了jQuery的TreeView插件，沒想到運行在IE展開節點時有一塊區域會隨機性清空，但在FireFox裡卻又正常。癥狀如下：
jQuery在Xuite的測試
jQuery in Xuite
- Xuite可以貼JavaScript與CSS Style，但不能修改，修改儲存後部份符號會被轉換，導致無法執行。
- 因此，每次都把修改後的程式重新貼入再儲存就可以了。
(閱讀全文...)
jQuery神奇的選擇器(Selector)
就像正規運算式(Regular Expression)的Pattern match一般，jQuery使用了CSS(Cascading Style Sheet)、XPath(XML Path Language)與自訂等三大類的選擇器(Selector)當做$( )函數的參數，讓我們由複雜多樣的DOM結構裡，快速的找出符合樣式的要素。
在Xuite裡使用jQuery的重點
Xuite有使用jQuery 1.1.2，因此我們可將在自由欄位裡直接撰寫jQuery的程式。但在我測試與實作之後，有下列幾個重點要特別注意：
(閱讀全文...)
Sorry, 很久沒用Google sc…