2009年5月19日 星期二

jQuery Grid

也是用在表格的,但功能比tablesorter強大很多..

Home: http://www.trirand.com/blog/
Demo: http://trirand.com/jqgrid/jqgrid.html
Doc: http://www.secondpersonplural.ca/jqgriddocs/index.htm

以下引用自魚乾的blog http://kevyu.blogspot.com/2008/07/jqgrid.html

3.environment配置
有3個地方需要調整

(1)js的路徑
在jquery.jqGrid.js裡,有個pathtojsfiles變數
var pathtojsfiles = "js/"; // need to be ajusted
此為設定要載入的js檔路徑

(2)CSS路徑

href就指到預設的位置
<link rel="stylesheet" type="text/css" media="screen" href="lib/jqGrid/themes/basic/grid.css">
(3)圖檔路徑
在實作時,要給圖片的位置

var gridimgpath = 'themes/basic/images'; //預設的圖片
jQuery("#tbRecordList").jqGrid({
colNames: ['日期', '分數',
...
imgpath: gridimgpath, //設定gridimgpath
});


**有的沒的
//清空grid內容
$("#_TableName").clearGridData();

**備註
1.每個欄位長度至少要60以上,不然排序的icon(遞增,遞減)會看不見 (新版的不會了)
2.當遇到p.mutliselect是null時,代表設定table id不一致或未啟動jqGrid()的設定
3.利用jquery.load進來的頁面,如果也有include jquery.js會導致無法使用jqgrid的method,

沒有留言:

張貼留言