[轉貼] JqGrid—功能強大的jQuery Grid Control
出處: http://www.cc.ntu.edu.tw/chinese/epaper/0021/20120620_2109.html 作者: 唐瑤瑤 / 臺灣大學計資中心程式設計師 jqGrid 是目前極受歡迎的jQuery表格套件(Grid Control),其免費的版本完全在使用者瀏覽器端執行,與伺服器端使用何種語言開發無關,只要會開發CSS 及jQuery即可,所以無論是PHP、Java Servlets、JSP、ColdFusion、Perl.或ASP.NET的網頁應用程式都可以採用這個套件。 jqGrid 是目前極受歡迎的jQuery表格套件(Grid Control),其免費的版本完全在使用者瀏覽器端執行,與伺服器端使用何種語言開發無關,只要會開發CSS 及jQuery即可,所以無論是PHP、Java Servlets、JSP、ColdFusion、 Perl .或ASP.NET的網頁應用程式都可以採用這個套件。以筆者開發的校內行政E化系統來說,訪客中心導覽系統(PHP)及導生綜合資料系統(ASP .NET)等,都是採用jQuery + jqGrid 的範例。 JqGrid 的特色有哪些? AJAX-enabled:AJAX應用可以僅向伺服器非同步的發送並取回少量的數據,使得動態網頁頁面的產生可以十分的快速。它使用 SOAP 或其它一些基於XML的頁面服務介面,並在客戶端採用JavaScript處理來自伺服器的回應。因為在伺服器和瀏覽器之間交換的數據大量減少(大約只有原來的5%),我們就能看到伺服器回應得更快。同時很多的處理工作可以在發出請求的客戶端機器上完成,所以Web伺服器的處理時間也減少了。此外,AJAX所採用的技術皆為internet 標準,程式師不須擔心瀏覽器不相容之問題。有關AJAX 的介紹,請參考w3schools 網站 http://www.w3schools.com/ajax/ajax_intro.asp 。 完整的表格呈現與運算功能,包含換頁、欄位排序、grouping、新增、修改及刪除資料等功能。如下圖所示 2.1 客製化的工具列。 2.2 預設的Navigator 工具列,可以很容易的使用新增、刪除、編輯、檢視及搜尋等功能。 2.3 完整的分頁功能。 2.4 按下任一欄位的標頭,皆可以該欄位為排序項目。無論是升冪或降冪皆