1.1.1 detachHeader(index)
版本:大眾版
參數:
index 表頭索引
用途:
刪除grid的某個表頭,與attachHeader配對使用
參考實例:無
1.1.2 enableAutoHeight(mode,maxHeight, countFullHeight)
版本:大眾版
參數:
mode: true/false
maxHeight: 最大無滾動高度,默認為無限制
countFullHeight: 最大高度計算方式,true 最大高度表示所有表格高度總和,false 僅表示數據表格的高度總和,即除去header 和 footer,默認為false。
用途:
當前表格是否設置為高度自適應,并可設定默認最大高度。
參考實例:
//高度自適應
mygrid.enableAutoHeight(true);
//高度非自適應
mygrid.enableAutoHeight(false);
//高度自適應,且定義最大高度為100,當前最大高度僅指數據表格部分
mygrid.enableAutoHeight(true,100);
//高度自適應,且定義最大高度為100,當前最大高度數據表格"表頭"表腳
mygrid.enableAutoHeight(true,100,true);
1.1.3 enableAutoWidth (mode, max_limit, min_limit)
版本:大眾版
參數:
mode: true/false
max_limit: 最大無滾動寬度,默認為無限制。
min_limit: 最小無滾動寬度,默認為無限制。
用途:
當前表格是否設置為寬度自適應,并可設定默認最大寬度、最小寬度。
參考實例:
//寬度自適應
mygrid.enableAutoWidth(true);
//寬度非自適應
mygrid.enableAutoWidth(true);
//寬度自適應,并且設置最大、最小寬度
mygrid.enableAutoWidth(true,600,100);
1.1.4 enableCellIds(mode)
版本:大眾版
參數:
mode: true/false
用途:
當前表格中單元格索引是否要求唯一。(id 是以如下模式“c_[行索引]_[列索引]” 自增的)
參考實例:
無
1.1.5 enableHeaderImages(fl)
版本:大眾版
參數:
mode: true/false,默認為false
用途:
是否在表頭定義中使用image文件,即當前表頭是否可以使用圖片。默認為false,即可以使用,這里可能是個bug或陷阱,既然是false為什么還可以使用呢?
參考實例:
mygrid.enableHeaderImages(false);//可以在表頭中定義圖片
mygrid.setHeader("無圖片,img:[imgs/true.gif]With Icon "); //img:[imgs/true.gif]With Icon為圖片+表頭定義格式。
但這里有個bug大伙需要修改下,即在dhtmlxgrid.js中有這么一句:
var imUrl=label.replace(/.*"[([^>]+)"]/,"$1");
真確應該寫為:var imUrl=label.replace(/.*"[([^>]+)"].*/,"$1");不然沒法子替換]With Icon后的字符串。即image的路徑就不對了。
1.1.6 init
版本:大眾版
參數:
用途:grid初始化操作,與destructor方法相反
參考實例:
1.1.7 setAwaitedRowHeight(height)
版本:大眾版,需要dhtmlxgrid_srnd.js的支持
參數:
Height:行高度
用途:設置grid計算行的高度
參考實例:
mygrid.setAwaitedRowHeight(25);
1.1.8 setCSVDelimiter(str)
版本:大眾版,需要dhtmlxgrid_nxml.js的支持
參數:
str:csv格式文件風格符
用途:依據當前分割符解析csv文件
參考實例:
mygrid.setCSVDelimiter(":");//設置風格符為 :
var str="11:12:13"n21:22:23"n31:32:33";//csv格式字符串
mygrid.loadCSVString(str);//加載csv字符串
1.1.9 setColAlign(alStr)
版本:大眾版
參數:
alStr: 各列數據布局字符串組合,逗號隔開
用途:設置列數據的水平布局
參考實例:
mygrid.setColAlign("right,left,center,justify");
1.1.10 setColSorting(sortStr)
版本:大眾版
參數:
sortStr: 各列數據排序類型的字符串組合,逗號隔開
用途:設置列數據的排序類型
參考實例:
mygrid.setColSorting("int,str,date,na,sortingFunction");
1.1.11 setColTypes(typeStr)
版本:大眾版
參數:
typeStr: 各列數據的類型字符串組合,逗號隔開
用途:設置列數據的數據類型
參考實例:
mygrid.setColTypes("dyn,ed,txt,price,ch,coro,ra,ro");
1.1.12 setColVAlign(valStr)
版本:大眾版
參數:
valStr: 各列數據垂直布局字符串組合,逗號隔開
用途:設置列數據的垂直布局
參考實例:
mygrid.setColVAlign("top,middle,bottom,top,top,sub");
1.1.13 setColWidth (ind, value)
版本:大眾版
參數:
ind: 列索引
value: 寬度值
用途:設置某列數據的寬度
參考實例:
mygrid.setColWidth(0,"150");
1.1.14 setDelimiter (delim)
版本:大眾版
參數:
delim: 分隔符,默認為逗號 ,
用途:設置grid中分隔符合,默認為逗號
參考實例:
mygrid.setDelimiter(";");//分號為分隔符
mygrid.setHeader("First Column;Second Column;Third Column");
1.1.15 setHeader (hdrStr, splitSign, styles)
版本:大眾版
參數:
hdrStr: 表頭內容lable字符串組合;
splitSign: 分隔標志 默認為 #cspan
style: 表頭各列樣式
用途:設置grid中表頭、樣式等
參考實例:
//設置表頭
mygrid.setHeader("A,B,C");
//設置表頭樣式
mygrid.setHeader("A,B,C",null,["text-align:right;","text-align:left;","text-align:center"]);
1.1.16 setIconPath (path)
版本:大眾版
參數:
path: icon文件路徑;
用途:設置grid中引用icon圖片路徑,一般在grid中使用tree或列中使用icon時定義
參考實例:
mygrid.setIconPath("../codebase/imgs/icons_greenfolders/");
1.1.17 setImagePath (path)
版本:大眾版
參數:
path: image文件路徑;
用途:設置grid中引用圖片路徑,如排序圖片,checkbox圖片,背景等
參考實例:
mygrid.setImagePath("../codebase/imgs/");
1.1.18 setInitWidths (wp)
版本:大眾版
參數:
wp:各列初始化寬度字符串組合;
用途:設置grid中各列初始化寬度
參考實例:
//明確設置各列寬度,如當前寬度不足,表頭將自動折行,數據單元格自動截斷顯示
mygrid.setInitWidths("150,100,100,100,100");
//明確某列寬度為0,即當前列將不顯示,可以用于隱藏數據等
mygrid.setInitWidths("0,100,100,100,100");
//設置當前寬度自動平均分配,即最大寬度-定義寬度/ 自動寬度定義的數量
mygrid.setInitWidths("*,*,100,100,100");
1.1.19 setInitWidthsP(wp)
版本:大眾版
參數:
wp:各列初始化寬度百分比字符串組合;
用途:設置grid中各列初始化寬度百分比
參考實例:
//明確設置各列寬度百分比,即保證設置值相加為100
mygrid.setInitWidthsP("50,40,10");
1.1.20 setNoHeader(fl)
版本:大眾版
參數:
fl:true/false;
用途:設置grid中是否定義表頭,需要在init執行前調用
參考實例:
//
mygrid.setNoHeader(true);
1.1.21 setSkin(name)
版本:大眾版
參數:
name:grid的皮膚名稱
用途:設置grid中的外形皮膚,可供選擇的皮膚名稱為xp, mt, gray, light, clear, modern, sb_dark。
參考實例:
//設置grid皮膚
mygrid.setSkin("light");//set "light" skin to the grid
1.1.22 setStyle (ss_header, ss_grid, ss_selCell, ss_selRow)
版本:大眾版
參數:
ss_header:表頭樣式定義表達式
ss_grid:表格單元格樣式定義表達式
ss_selCell: 選中單元格樣式定義表達式
ss_selRow:選中行樣式定義表達式
用途:設置grid的各元素樣式。
參考實例:
//
mygrid.setStyle("background-color:navy;color:white; font-weight:bold;", "","color:red;", "");
1.1.23 uid
版本:大眾版
參數:
用途:通過grid對象生成一個唯一uid值。可視為一個工具接口
參考實例:
//
var uniqueID=mygrid.uid();
(注:本人文章均為原創,轉載請注明出處!20100621寫于深圳。)