当前位置: 首页 > 工具软件 > dhtmlxGrid > 使用案例 >

dhtmlxgrid导出的js_[转载]dhtmlx使用翻译(二)dhtmlxgrid 配置部分

姜磊
2023-12-01

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:13n21:22:23n31:32:33";//csv格式字符串

mygrid.loadCSVString(str);//加载csv字符串

1.1.9 setColAlign(alStr)

版本:大众版

参数:

alStr: 各列数据布局字符串组合,逗号隔开

用途:设置列数据的水平布局

参考实例:

mygrid.setColAlign("right,left,center,justify");

1.1.10setColSorting(sortStr)

版本:大众版

参数:

sortStr: 各列数据排序类型的字符串组合,逗号隔开

用途:设置列数据的排序类型

参考实例:

mygrid.setColSorting("int,str,date,na,sortingFunction");

1.1.11setColTypes(typeStr)

版本:大众版

参数:

typeStr: 各列数据的类型字符串组合,逗号隔开

用途:设置列数据的数据类型

参考实例:

mygrid.setColTypes("dyn,ed,txt,price,ch,coro,ra,ro");

1.1.12setColVAlign(valStr)

版本:大众版

参数:

valStr: 各列数据垂直布局字符串组合,逗号隔开

用途:设置列数据的垂直布局

参考实例:

mygrid.setColVAlign("top,middle,bottom,top,top,sub");

1.1.13setColWidth (ind, value)

版本:大众版

参数:

ind: 列索引

value: 宽度值

用途:设置某列数据的宽度

参考实例:

mygrid.setColWidth(0,"150");

1.1.14setDelimiter (delim)

版本:大众版

参数:

delim: 分隔符,默认为逗号 ,

用途:设置grid中分隔符合,默认为逗号

参考实例:

mygrid.setDelimiter(";");//分号为分隔符

mygrid.setHeader("First Column;Second Column;Third

Column");

1.1.15setHeader (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.16setIconPath (path)

版本:大众版

参数:

path: icon文件路径;

用途:设置grid中引用icon图片路径,一般在grid中使用tree或列中使用icon时定义

参考实例:

mygrid.setIconPath("../codebase/imgs/icons_greenfolders/");

1.1.17setImagePath (path)

版本:大众版

参数:

path: image文件路径;

用途:设置grid中引用图片路径,如排序图片,checkbox图片,背景等

参考实例:

mygrid.setImagePath("../codebase/imgs/");

1.1.18setInitWidths (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.19setInitWidthsP(wp)

版本:大众版

参数:

wp:各列初始化宽度百分比字符串组合;

用途:设置grid中各列初始化宽度百分比

参考实例:

//明确设置各列宽度百分比,即保证设置值相加为100

mygrid.setInitWidthsP("50,40,10");

1.1.20setNoHeader(fl)

版本:大众版

参数:

fl:true/false;

用途:设置grid中是否定义表头,需要在init执行前调用

参考实例:

//mygrid.setNoHeader(true);

1.1.21setSkin(name)

版本:大众版

参数:

name:grid的皮肤名称

用途:设置grid中的外形皮肤,可供选择的皮肤名称为xp, mt, gray, light, clear, modern,

sb_dark。

参考实例:

//设置grid皮肤

mygrid.setSkin("light");//set "light" skin to the grid

1.1.22setStyle (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.23uid

版本:大众版

参数:

用途:通过grid对象生成一个唯一uid值。可视为一个工具接口

参考实例:

//

var uniqueID=mygrid.uid();

(注:本人文章均为原创,转载请注明出处!20100621写于深圳。)

 类似资料: