龍之家族

引用網址：http://blog.51cto.com/cnn237111/770983

引用網址：http://www.cnblogs.com/firstcsharp/p/5150552.html

1、属性

引用網址：http://www.misterngan.com/1736/jqgrid-all-about-date/

用 得 jqGrid，九 成 九 都 有 用 Database。用 得 Database，就 無 法 避 免 會 使 用 到 「日 期 」這 種 資 料 形 態 。今 天 筆 者 就 把 關 於 日 期 的 幾 個 jqGrid 技 巧 介 紹 給 各 讀 者 吧 。

引用網址：http://www.misterngan.com/1512/jqgrid-aftersumbit-error-handling/

在 jqGrid 裡 面 ，我 們 會 用 editurl 來 設 定 Form Editing 時 資 料 傳 回 Server Side 的 目 的 地 路 徑 。在 我 的 例 子 中 ，這 通 常 都 是 一 個 php 檔 。

引用網址：http://www.misterngan.com/1498/set_color_according_to_cell_value/

在 Grid 裡 面 ，我 們 少 不 免 會 顯 示 數 字 、數 值 。而 為 了 使 用 閱 讀 得 更 準 確 、快 速 ，很 多 時 候 這 些 數 值 都 會 按 照 會 計 準 則 加 上 紅 色 和 綠 色 。究 竟 要 如 何 做 才 能 改 變 Grid 裡 面 的 文 字 的 顏 色 呢 ？

引用網址：http://www.misterngan.com/1150/jqgrid-%E5%AF%A6%E7%94%A8%E6%8A%80%E5%B7%A7-%E5%8D%81%E4%B8%89-css-%E5%8F%8A-custom-scrollbar/

為 了 切 合 不 同 客 戶 的 不 同 設 計 風 格 ，我 們 一 般 都 比 較 少 使 用 預 設 值 。jqGrid 的 外 觀 ，都 是 根 據 jquery ui 的 theme 的 ，所 以 風 格 很 容 易 和 網 頁 統 一 。但 是 還 有 部 分 外 觀 上 的 設 定 是 不 夠 完 善 的 ，這 時 候 我 們 就 要 自 己 去 修 改 jqGrid 的 css 了 。

引用網址：http://www.misterngan.com/1136/jqgrid-%E5%AF%A6%E7%94%A8%E6%8A%80%E5%B7%A7-%E5%8D%81%E4%BA%8C-%E8%87%AA%E5%B7%B1%E5%8A%A0%E5%80%8B-search-box/

有 些 時 候 ，grid 裡 面 會 有 大 量 資 料 ，要 如 何 讓 使 用 者 快 速 搜 尋 出 所 需 要 的 資 料 ，的 確 費 煞 思 量 。例 如 你 的 grid 有 五 六 個 可 以 搜 尋 的 欄 位 ，然 後 你 在 form search 裡 設 定 了 multiple search，然 後 你 的 使 用 者 每 次 搜 尋 還 是 要 逐 一 選 擇 欄 位 ，再 逐 一 輸 入 條 件 ，真 是 談 不 上 方 便 。

引用網址：http://www.misterngan.com/1130/jqgrid-%E5%AF%A6%E7%94%A8%E6%8A%80%E5%B7%A7-%E5%8D%81%E4%B8%80-inline-edit-%E5%8F%8A-confirm-dialog-before-save/

所 有 強 橫 的 grid，都 必 須 要 支 援 inline editing 或 者 cell editing 的 ，jqgrid 當 然 也 不 例 外 。但 相 比 起 form editing，jqgrid 的 documentation 和 demo 網 站 都 比 較 簡 單 ，有 點 不 足 。

引用網址：http://www.misterngan.com/1110/jqgrid-%E5%AF%A6%E7%94%A8%E6%8A%80%E5%B7%A7-%E5%8D%81-%E7%94%A8-custom_func-%E6%AA%A2%E6%9F%A5%E8%B3%87%E6%96%99%E7%9A%84%E5%94%AF%E4%B8%80%E6%80%A7/

很 多 時 候 ，在 資 料 表 的 數 據 ，隨 了 主 鍵 那 個 index number 之 外 ，有 很 多 其 他 的 field 我 們 也 會 設 定 成 唯 一 的 (Unique)。那 如 何 使 用 jqGrid 的 custom_func，在 插 入 資 料 之 前 去 檢 查 一 下 使 用 者 輸 入 的 資 料 在 之 前 是 不 是 已 經 出 現 過 呢 ？

引用網址：http://www.misterngan.com/1017/jqgrid-%E5%AF%A6%E7%94%A8%E6%8A%80%E5%B7%A7-%E4%B9%9D-pager-%E8%A3%A1%E9%9D%A2%E7%9A%84%E6%8C%89%E9%88%95/

之 前 講 了 很 多 課 ，都 是 圍 繞 colModel 的 。到 了 這 一 課 ，我 們 終 於 可 以 擺 脫 那 個 colModel，看 看 jqGrid 的 其 他 地 方 。這 一 課 我 會 講 解 幾 個 有 關 Pager 的 實 用 技 巧 。

引用網址：http://www.misterngan.com/1006/jqgrid-%E5%AF%A6%E7%94%A8%E6%8A%80%E5%B7%A7-%E5%85%AB-%E8%87%AA%E5%AE%9A%E7%BE%A9%E6%8C%89%E9%88%95/

很 多 時 候 ，我 們 都 會 在 grid 裡 面 加 一 些 按 鈕 （button），方 便 使 用 者 快 速 地 做 一 些 修 改 。這 一 回 ，筆 者 就 在 jqGrid 上 面 實 作 一 個 自 定 義 按 鈕 給 大 家 參 考 。

引用網址：http://www.misterngan.com/1000/jqgrid-%E5%AF%A6%E7%94%A8%E6%8A%80%E5%B7%A7-%E4%B8%83-%E4%B8%8A%E5%82%B3%E6%AA%94%E6%A1%88/

最 多 朋 友 奇 怪 的 ，就 是 為 何 jqGrid 內 建 有 edittype:’file’，卻 沒 有 內 建 檔 案 上 傳 之 功 能 。於 是 筆 者 今 次 就 實 作 一 個 圖 片 的 欄 位 給 大 家 參 考 參 考 。

引用網址：http://www.misterngan.com/996/jqgrid-%E5%AF%A6%E7%94%A8%E6%8A%80%E5%B7%A7-%E5%85%AD-colmodel/

之 前 已 經 講 了 好 多 堂 colModel，怎 麼 還 在 講 colModel 呢 ？因 為 colModel 正 正 就 是 jqGrid 根 本 之 根 本 。要 是 你 對 colModel 總 抱 著 一 知 半 解 就 可 以 的 態 度 ，是 不 會 學 得 好 jqGrid 的 。呵 呵 。

引用網址：http://www.misterngan.com/987/jqgrid-%E5%AF%A6%E7%94%A8%E6%8A%80%E5%B7%A7-%E5%9B%9B-form-edit/

好 不 容 易 ，終 於 寫 到 jqGrid 的 Form Edit。我 們 再 一 次 回 到 功 能 強 大 的 colModel。

引用網址：http://www.misterngan.com/897/jqgrid-%E5%AF%A6%E7%94%A8%E6%8A%80%E5%B7%A7-%E5%9B%9B-form-view/

上 篇 說 完 了 Form editing 的 Search，這 星 期 就 說 一 點 View。很 多 人 都 以 為 View 其 實 沒 什 麼 好 說 的 ，其 實 不 然 。很 多 時 間 當 grid 的 空 間 有 限 ，不 能 列 出 過 多 的 欄 位 。這 時 候 View 就 可 以 補 充 grid 的 不 足 了 。View 也 可 以 將 資 料 排 列 得 比 較 美 觀 。

引用網址：http://www.misterngan.com/883/jqgrid-%E5%AF%A6%E7%94%A8%E6%8A%80%E5%B7%A7-%E4%B8%89-form-search/

話 說 jqGrid 的 偉 大 之 處 ，就 是 Form Editing。它 令 jqGrid 可 以 自 動 生 成 不 同 種 類 的 Form，今 天 為 大 家 介 紹 幾 個 Form Search 的 技 巧 。因 為 想 討 論 得 深 入 一 點 ，所 以 範 圍 限 定 在 最 簡 單 的 Single Search。

引用網址：http://www.misterngan.com/868/jqgrid-%E5%AF%A6%E7%94%A8%E6%8A%80%E5%B7%A7-%E4%BA%8C/

今 次 開 始 講 colModel。其 實 所 有 grid 類 的 control，column 的 設 定 都 非 常 重 要 。因 為 很 多 時 候 ，資 料 庫 儲 存 的 資 料 和 客 戶 端 顯 示 的 資 料 都 不 盡 相 同 。最 簡 的 boolean field，我 們 很 可 能 會 顯 示 為 check box，而 不 是 true / false，或 者 0 / 1。又 或 者 一 個 有 限 的 分 類 ，資 料 庫 很 可 能 只 是 儲 存 該 分 類 的 號 碼 ，而 不 是 分 類 的 名 稱 。例 如 1-HK Island，2-Kowloon, 3- NT，資 料 庫 儲 存 為 1，但 實 際 上 我 們 卻 要 顯 示 為 HK Island。

引用網址：http://www.misterngan.com/857/jqgrid-%E5%AF%A6%E7%94%A8%E6%8A%80%E5%B7%A7-%E4%B8%80/

要 學 會 使 用 jqGrid，其 實 在 jqGrid 的 官 網 就 有 很 詳 細 的 介 紹 。筆 者 建 議 在jqGrid Wiki 裡 面 的 documentation 和 Demo page 裡 面 的 所 有 範 例 ，最 好 都 完 整 的 讀 一 次 。為 免 只 是 無 聊 地 翻 譯 一 次 官 網 ，所 以 那 些 部 份 筆 者 就 會 跳 過 。至 少 你 應 該 先 搞 懂 那 些 最 基 本 的 事 ，例 如 如 何 連 接 到 資 料 庫 取 得 資 料 ，又 或 者 要 加 載 那 些 css 檔 案 和 javascript 檔 案 。

引用網址：http://www.misterngan.com/843/jqgrid-%E7%A9%B6%E7%AB%9F%E6%9C%89%E5%A4%9A%E5%A5%BD%E7%94%A8/

在 現 今 的 商 業 社 會 ，做 什 麼 Project 都 是 一 個 快 字 ，所 以 有 很 多 工 具 來 協 助 開 發 者 火 速 完 成 手 頭 上 的 工 作 。我 很 喜 歡 那 些 的 工 具 的 一 個 說 法 ，「可 以 讓 開 發 者 專 注 於 開 發 系 統 的 功 能 ，而 不 是 浪 費 時 間 枯 燥 地 寫 code」。其 實 那 些 什 麼 class、library、framework、甚 至 IDE，都 是 為 了 減 少 開 發 者 「枯 燥 地 寫 code」的 。