dhtmlxGrid行操作.docx
- 文档编号:17939508
- 上传时间:2023-08-05
- 格式:DOCX
- 页数:20
- 大小:20.40KB
dhtmlxGrid行操作.docx
《dhtmlxGrid行操作.docx》由会员分享,可在线阅读,更多相关《dhtmlxGrid行操作.docx(20页珍藏版)》请在冰点文库上搜索。
dhtmlxGrid行操作
1.1.56addRow(new_id,text,ind)
new_id:
行idgrid中唯一
text:
行内容,多列数据以分隔符合隔开字符串,或以数组形式提供
inx:
行索引,行序号等,选填,默认在最后一行新增
用途:
在grid中新增一行
参考实例:
grid.addRow(newId,"text1,text2",1);
grid.addRow(newId,["text1","text2"],2);
1.1.57changeRowId(oldRowId,newRowId)
oldRowId:
原id值
newRowId:
新id值grid中唯一
用途:
修改某行id值
参考实例:
mygrid.changeRowId("old_rowID","new_rowID");
1.1.58copyRowContent(from_row_id,to_row_id)
from_row_id:
源行id
to_row_id:
目标行id
用途:
拷贝某行数据到目标行
参考实例:
mygrid.copyRowContent("from_row_id","to_row_id");
1.1.59deleteRow(row_id)
row_id:
行id
用途:
通过行id删除目标行
参考实例:
mygrid.deleteRow("row1");
1.1.60deleteSelectedRows
用途:
删除当前选中行数
参考实例:
mygrid.deleteSelectedRows();
1.1.61doesRowExist(row_id)
row_id:
行id
用途:
通过row_id检查是否行存在
参考实例:
varexist=mygrid.doesRowExist("some_row_ID");
1.1.62enableAlterCss(cssE,cssU,perLevel,levelUnique)
cssE:
偶数行样式名称(序号为准)
cssU:
奇数行样式名称
perLevel:
是否排序、分层。
默认为true,但在treegrid默认为false
levelUnique:
否成存在唯一层
用途:
参考实例:
.even{
background-color:
#22FF44;
}
.uneven{
background-color:
#41964e;
}
//简单设置
mygrid.enableAlterCss("even","uneven");
//不使用样式
mygrid.enableAlterCss("","");
//treegrid中支持排序
treeGrid.enableAlterCss("even","uneven",false,false);
//treeGrid中通过层划分,层间使用唯一不同的样式,如(even_0-1stlevel,uneven_1-2ndlevel,even_2-3rdlevel)
treeGrid.enableAlterCss("even","uneven",true,true);
1.1.63enableMultiline(state)
state:
true/false
用途:
是否多选行模式
参考实例:
mygrid.enableMultiline(true);
1.1.64enableRowsHover(mode,cssClass)
mode:
true/false
cssClass:
样式名称,样式
用途:
鼠标滑过当前行是否改变样式
参考实例:
.hover{
background-color:
navy;
}
mygrid.enableRowsHover(true,"hover");
1.1.65enableRowspan
需要dhtmlxgrid_rowspan.js
用途:
设置当前grid跨行可用
参考实例:
mygrid.enableRowspan();
1.1.66forEachRow(custom_code)
custom_code:
自定义js操作
用途:
遍历当前行操作,提供rowid,供用户扩展自定义js操作
参考实例:
mygrid.forEachRow(function(id){
//自定义js操作
//id-row'sid
});
1.1.67getAllRowIds(separator)
separator:
分隔符,默认为逗号
用途:
获得所有行id,并与分隔符组合
参考实例:
//默认分隔符
varids=mygrid.getAllRowIds();
//retrunlistofrowidswithdotdelimiter
varids=mygrid.getAllRowIds(".");
1.1.68getChangedRows(and_added)
and_added:
true/false
用途:
获得当前修改行的所有rowid组合,是否包含新增行
参考实例:
//获得修改行的rowid的组合
varids=mygrid.getChangedRows();
//获得修改行的rowid的组合,包含新增行
varids=mygrid.getChangedRows(true);
1.1.69getCheckedRows(col_ind)
col_ind:
ck所在列索引
用途:
获得当前选中行的所有rowid组合
参考实例:
varchecked=mygrid.getCheckedRows(0);
1.1.70getRowId(ind)
ind:
行索引
用途:
通过行索引获得行id
参考实例:
varrowID=mygrid.getRowId(0);
1.1.71getRowIndex(row_id)
row_id:
行id
用途:
通过行id获得行索引
参考实例:
varrowID=mygrid.getRowId(0);
1.1.72getRowsNum
用途:
通过grid中行数量
1.1.73getSelectedRowId
用途:
获得当前选中行id,多个以分隔符组合
1.1.74lockRow(rowId,mode)
rowid:
行id
mode:
true/false
用途:
是否锁定当前行,锁定后不可再编辑
参考实例:
mygrid.lockRow("row1",true);
1.1.75moveRow(rowId,mode,targetId,targetGrid)
版本:
专用版dhtmlxgrid_drag.js支持
rowId:
源rowid
mode:
移动方向up,down,row_sibling
targetId:
目标rowid(跨grid),则移动到顶部
targetGrid:
目标grid(跨grid)
用途:
一个或多个grid间移动row
参考实例:
//向上移动row
mygrid1.moveRow("row1","up");
//移动row1到mygrid2的row2之后
mygrid1.moveRow("row1","row_sibling","row2",mygrid2);
1.1.76moveRowDown(row_id)
rowId:
行id
用途:
向下移动当前行
1.1.77moveRowTo(srowId,trowId,mode,dropmode,sourceGrid,targetGrid)
版本:
专业版dhtmlxgrid_drag.js
srowId:
源rowid
trowId:
目标rowid为空,则移动到顶部
mode:
操作方式“move”or“copy”:
copy是源grid保留当前row,反之则删除
dropmode:
移动方式同级或子级“sibling”or“child”(默认同级下方)
sourceGrid:
源grid,默认当前grid中
targetGrid:
目标grid默认当前grid中
用途:
一个或多个grid间移动row
参考实例:
//同一grid中移动
mygrid1.moveRowTo("row1","row2","move");
//不同grid中拷贝
varmovedId=mygrid1.moveRowTo("row1","row2","copy","child",mygrid1,mygrid2);
1.1.78moveRowUp(row_id)
参考moveRowDown
1.1.79selectRow(rIndex,fl,preserve,show)
rIndex:
行索引或行对象
fl:
true/false是否触发选中事件function
preserve:
true/false是否保存原有选中行,true时必须保证多选模式可用
show:
是否自动滚动显示选中行,默认true
用途:
行选择
参考实例:
mygrid.selectRow(0);
mygrid.selectRow(0,true,true,true);
1.1.80selectRowById(row_id,preserve,show,call)
row_id:
行id
call:
true/false是否触发选中事件function
preservel:
true/false是否保存原有选中行,true时必须保证多选模式可用
show:
是否自动滚动显示选中行,默认true
用途:
行选择
1.1.81setCheckedRows(cInd,v)
cInd:
列索引
v:
是否选中0不选中,1选中
用途:
设置grid中行是否全选中
参考实例:
mygrid.setCheckedRows(0,1);//全选中
mygrid.setCheckedRows(0,0);//全不选
1.1.82setRowColor(row_id,color)
row_id:
行id
color:
颜色
用途:
设置某行背景颜色,grid加载后使用
参考实例:
mygrid.setRowColor("row1","red");
1.1.83setRowExcellType(rowId,type)
rowId:
行id
type:
excell类型(cp\calck\dhxCalendar\dhxCalendarA\calendar\clist)
用途:
设置某行数据为复杂的扩展类型
参考实例:
mygrid.setRowExcellType("row1","ra_str");
1.1.84setRowHidden(id,state)
id:
行id
state:
true/false
用途:
设置某行是否显示
参考实例:
mygrid.setRowHidden("row1",false);
1.1.85setRowId(ind,row_id)
Ind:
行索引
row_id:
行id
用途:
设置某行id值,grid内唯一
参考实例:
mygrid.setRowId(0,"new_row_id");
1.1.86setRowTextBold(row_id)
row_id:
行id
用途:
设置某行数据为粗体
参考实例:
mygrid.setRowTextBold("row1");
1.1.87setRowTextNormal(row_id)
row_id:
行id
用途:
设置某行数据为标准字体
参考实例:
mygrid.setRowTextNormal("row1");
1.1.88setRowTextStyle(row_id,styleString)
row_id:
行id
styleString:
样式字符串,以分隔符组合
用途:
设置某行数据样式
参考实例:
grid.setRowTextStyle("r123","background-color:
red;font-family:
arial;");
1.1.89showRow(rowID)
row_id:
行id
用途:
显示某行
*****************************************************************
列操作
1.1.90adjustColumnSize(cind)
cind:
列索引
用途:
调整某列宽,使列所有数据可见,但需要在制定列宽的情况下,即不能设定列宽为*
参考实例:
mygrid.adjustColumnSize(0);
1.1.91deleteColumn(ind)
版本:
专业版dhtmlxgrid_mcol.js支持
cind:
列索引
用途:
调整某列宽,使列所有数据可见
参考实例:
mygrid.adjustColumnSize(0);
1.1.92enableColumnMove(mode,columns)
版本:
专业版dhtmlxgrid_mcol.js支持
mode:
true/false
columns:
设定某列是否可以
用途:
设置所有列或某列是否可以移动
参考实例:
//全部列可移动
mygrid.enableColumnMove(true);
//某列可移动
mygrid.enableColumnMove(true,"false,true,true,true,true,true");
1.1.93enableHeaderMenu
版本:
专业版dhtmlxgrid_hmenu.js支持
用途:
设置表头右键菜单可用
1.1.94enableResizing(list)
list:
设置当前grid中各列size是否可变参数组合
用途:
设置当前grid中各列size是否可变
参考实例:
myrid.enableResizing("false,true,true,true,true,true,true")
1.1.95enableTooltips(list)
list:
设置当前grid中各列tooltip是否可用参数组合
用途:
设置当前grid中各列tooltip是否可用,即当前列title是否显示
参考实例:
myrid.enableResizing("false,true,true,true,true,true,true");1.1.96getColIndexById(id)
id:
列id
用途:
通过列id获得列索引
参考实例:
varcolIndex=mygrid.getColIndexById("col1");
1.1.97getColType(index)
index:
列索引
用途:
通过列id索引获得列数据类型
参考实例:
vartype=mygrid.getColType(0);
1.1.98getColTypeById(cID)
cID:
列ID
用途:
通过列列ID获得列数据类型
参考实例:
vartype=mygrid.getColTypeById("column1");
1.1.99getColWidth(ind)
index:
列索引
用途:
通过列id索引获得列数据宽
参考实例:
varwidth=mygrid.getColWidth(0);
1.1.100getColumnId(cin)
cin:
列索引
用途:
通过列id索引获得列Id
参考实例:
varcolId=mygrid.getColumnId(0);
1.1.101getColumnLabel(cin,ind)
cin:
列索引
ind:
表头行索引,默认为0,只有在多表头下有用
用途:
获得列标题
参考实例:
//第一列标题
varcolLabel=mygrid.getColumnLabel(0);
//第一列第二个表头标题
varcolLabel=mygrid.getColumnLabel(0,1);
1.1.102getColumnsNum
用途:
获得列的数量
参考实例:
varcolNum=mygrid.getColumnsNum();
1.1.103getFooterLabel(cin,ind)
参考getColumnLabel(cin,ind)
1.1.104insertColumn(ind,header,type,width,sort,align,valign,reserved,columnColor)
版本:
专业版需要dhtmlxgrid_mcol.js
ind:
列索引
header:
列表头标题
type:
列数据类型
width:
列宽度
sort:
排序方式
align:
水平布局方式
valign:
垂直布局方式
reserved:
无效参数
columnColor:
列背景颜色
用途:
获得列的数量
参考实例:
//最小设置
mygrid.insertColumn(10);
//最大参数设置
mygrid.insertColumn(11,"Sometext","ed",120,"na","left","top",null,"red")
1.1.105isColumnHidden(ind)
ind:
列索引
用途:
判断当前索引列是否隐藏
参考实例:
varisHidden=mygrid.isColumnHidden(0);//隐藏返回true,反之false
1.1.106moveColumn(oldInd,newInd)
版本:
专业版需要dhtmlxgrid_mcol.js
oldInd:
原列索引
newInd:
新列索引
用途:
通过列索引调整列位置
参考实例:
mygrid.mygrid.moveColumn(0,2);
1.1.107setColumnColor(clr)
clr:
颜色定义字符串
用途:
定义列背景色
参考实例:
mygrid.setColumnColor("white,#d5f1ff,#d5f1ff");
1.1.108setColumnExcellType(colIndex,type)
colIndex:
列索引
type:
扩展类型
用途:
定义列数据为扩展类型
参考实例:
mygrid.setColumnExcellType(2,"ch");
1.1.109setColumnHidden(ind,state)
ind:
列索引
state:
true/false
用途:
设置当前索引列是否隐藏
参考实例:
mygrid.setColumnHidden(0,false);
1.1.110setColumnId(ind,id)
ind:
列索引
id:
列id
用途:
通过索引设置列id
参考实例:
mygrid.setColumnId(0,"column1");
1.1.111setColumnIds(ids)
ids:
列id组合
用途:
设置grid内所有列的id,可重复定义,但通过id读取索引时,仅对第一个设置有效
参考实例:
mygrid.setColumnIds("sales,book,author,price,store,shipping,best,date");
1.1.112setColumnLabel(col,label,ind)
col:
表头索引
lable:
标题
ind:
多表头时索引
用途:
设置grid表头标题
参考实例:
//单表头设置
mygrid.setColumnLabel(0,"NewColumnLabel");
//多行表头设置
mygrid.setColumnLabel(0,"NewColumnLabel",1);
1.1.113setColumnMinWidth(width,ind)
width:
宽度
ind:
列索引
用途:
设置grid某列、各列最小宽度
参考实例:
//设置第一列
mygrid.setColumnMinWidth(50,0);
//设置所有列
mygrid.setColumnMinWidth("50,100,100,150,200,100,150");
1.1.114setColumnsVisibility(list)
list:
各列是否可见参数组合,false可见,true隐藏
用途:
设置各列是否可见
参考实例:
mygrid.setColumnsVisibility("false,true,true,true,true");
1.1.115setFooterLabel(c,label,ind)
c:
列索引
lable:
标题内容,可包含img:
[imageUrl]图片引用格式
lnd:
多表脚时,行索引
用途:
设置表脚标题信息
1.1.116cellById(row_id,col)
row_id:
rowId
col:
列索引
用途:
获得单元格对象,无参数时返回当前选中cell对象
参考实例:
varcellObj=grid.cellById(row_id,col);
1.1.117cellByIndex(row_index,col)
通过行索引获得cell对象,参考cellById(row_id,col)
1.1.118cells(row_id,col)
通过行id,列索引获得cell对象,参考cellById(row_id,col)
1.1.119cells2(row_index,col)
通过行索引,列索引获得cell对象,参考cellById(row_id,col)
1.1.120checkAll(mode)
mode:
true/false
用途:
设置grid内所有checkbox是否全部选中
参考实例:
mygrid.checkAll(true);
1.1.121clearChangedState
用途:
清除grid内所有改变状态
参考实例:
mygrid.clearChangedState();
1.1.122editCell
用途:
清除grid内单元格为编辑状态
1.1.123editStop
用途:
清除grid内单元格为编辑状态
1.1.124enableColSpan(mode)
mode:
true/false
用途:
是否支持跨行操作
1.1.125enableEditEvents(click,dblclick,f2Key)
click:
true|false是否单击进入编辑状态
dbclick:
true|false是否双击进入编辑状态
f2Key:
true|false是否按F2进入编辑状态
用途:
触发编辑模式的方法
参考实例:
mygrid.enableEditEvents(true,false,
- 配套讲稿:
如PPT文件的首页显示word图标,表示该PPT已包含配套word讲稿。双击word图标可打开word文档。
- 特殊限制:
部分文档作品中含有的国旗、国徽等图片,仅作为作品整体效果示例展示,禁止商用。设计者仅对作品中独创性部分享有著作权。
- 关 键 词:
- dhtmlxGrid 操作