dhtmlxGrid行操作Word下载.docx
《dhtmlxGrid行操作Word下载.docx》由会员分享，可在线阅读，更多相关《dhtmlxGrid行操作Word下载.docx（17页珍藏版）》请在冰点文库上搜索。
删除当前选中行数
mygrid.deleteSelectedRows（）;
1.1.61doesRowExist（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：
否成存在唯一层
<
style>
.even{
background-color:
#22FF44;
}
.uneven{
#41964e;
/style>
script>
//简单设置
mygrid.enableAlterCss（"
even"
uneven"
//不使用样式
"
//treegrid中支持排序
treeGrid.enableAlterCss（"
false,false）;
//treeGrid中通过层划分，层间使用唯一不同的样式，如（even_0-1stlevel,uneven_1-2ndlevel,even_2-3rdlevel）
true,true）;
/script>
1.1.63enableMultiline（state）
state：
true/false
是否多选行模式
mygrid.enableMultiline（true）;
1.1.64enableRowsHover（mode,cssClass）
mode：
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：
获得当前修改行的所有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）
通过行id获得行索引
1.1.72getRowsNum
通过grid中行数量
1.1.73getSelectedRowId
获得当前选中行id，多个以分隔符组合
1.1.74lockRow（rowId,mode）
rowid：
是否锁定当前行，锁定后不可再编辑
mygrid.lockRow（"
true）;
1.1.75moveRow（rowId,mode,targetId,targetGrid）
版本：
专用版dhtmlxgrid_drag.js支持
rowId：
源rowid
移动方向up,down,row_sibling
targetId：
目标rowid（跨grid），则移动到顶部
targetGrid：
目标grid（跨grid）
一个或多个grid间移动row
//向上移动row
mygrid1.moveRow（"
up"
//移动row1到mygrid2的row2之后
row_sibling"
row2"
mygrid2）;
1.1.76moveRowDown（row_id）
向下移动当前行
1.1.77moveRowTo（srowId,trowId,mode,dropmode,sourceGrid,targetGrid）
专业版dhtmlxgrid_drag.js
srowId：
trowId：
目标rowid为空，则移动到顶部
操作方式“move”or“copy”：
copy是源grid保留当前row，反之则删除
dropmode：
移动方式同级或子级“sibling”or“child”（默认同级下方）
sourceGrid：
源grid，默认当前grid中
目标grid默认当前grid中
//同一grid中移动
mygrid1.moveRowTo（"
move"
//不同grid中拷贝
varmovedId=mygrid1.moveRowTo（"
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）
call：
preservel：
1.1.81setCheckedRows（cInd,v）
cInd：
列索引
v：
是否选中0不选中，1选中
设置grid中行是否全选中
mygrid.setCheckedRows（0,1）;
//全选中
mygrid.setCheckedRows（0,0）;
//全不选
1.1.82setRowColor（row_id,color）
color：
颜色
设置某行背景颜色，grid加载后使用
mygrid.setRowColor（"
red"
1.1.83setRowExcellType（rowId,type）
type：
excell类型（cp\calck\dhxCalendar\dhxCalendarA\calendar\clist）
设置某行数据为复杂的扩展类型
mygrid.setRowExcellType（"
ra_str"
1.1.84setRowHidden（id,state）
id：
设置某行是否显示
mygrid.setRowHidden（"
false）;
1.1.85setRowId（ind,row_id）
Ind:
行索引
设置某行id值，grid内唯一
mygrid.setRowId（0,"
new_row_id"
1.1.86setRowTextBold（row_id）
设置某行数据为粗体
mygrid.setRowTextBold（"
1.1.87setRowTextNormal（row_id）
设置某行数据为标准字体
mygrid.setRowTextNormal（"
1.1.88setRowTextStyle（row_id,styleString）
styleString：
样式字符串，以分隔符组合
设置某行数据样式
grid.setRowTextStyle（"
r123"
"
red;
font-family:
arial;
1.1.89showRow（rowID）
显示某行
*****************************************************************
列操作
1.1.90adjustColumnSize（cind）
cind：
调整某列宽，使列所有数据可见，但需要在制定列宽的情况下，即不能设定列宽为*
mygrid.adjustColumnSize（0）;
1.1.91deleteColumn（ind）
专业版dhtmlxgrid_mcol.js支持
调整某列宽，使列所有数据可见
1.1.92enableColumnMove（mode,columns）
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）
设置当前grid中各列tooltip是否可用参数组合
设置当前grid中各列tooltip是否可用,即当前列title是否显示
1.1.96getColIndexById（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）
通过列id索引获得列数据宽
varwidth=mygrid.getColWidth（0）;
1.1.100getColumnId（cin）
cin：
通过列id索引获得列Id
varcolId=mygrid.getColumnId（0）;
1.1.101getColumnLabel（cin,ind）
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
header：
列表头标题
列数据类型
width：
列宽度
sort：
排序方式
align：
水平布局方式
valign：
垂直布局方式
reserved：
无效参数
columnColor：
列背景颜色
//最小设置
mygrid.insertColumn（10）;
//最大参数设置
mygrid.insertColumn（11,"
Sometext"
ed"
120,"
na"
left"
top"
null,"
1.1.105isColumnHidden（ind）
判断当前索引列是否隐藏
varisHidden=mygrid.isColumnHidden（0）;
//隐藏返回true,反之false
1.1.106moveColumn（oldInd,newInd）
oldInd：
原列索引
newInd：
新列索引
通过列索引调整列位置
mygrid.mygrid.moveColumn（0,2）;
1.1.107setColumnColor（clr）
clr：
颜色定义字符串
定义列背景色
mygrid.setColumnColor（"
white,#d5f1ff,#d5f1ff"
1.1.108setColumnExcellType（colIndex,type）
colIndex：
扩展类型
定义列数据为扩展类型
mygrid.setColumnExcellType（2,"
ch"
1.1.109setColumnHidden（ind,state）
设置当前索引列是否隐藏
mygrid.setColumnHidden（0,false）;
1.1.110setColumnId（ind,id）
通过索引设置列id
mygrid.setColumnId（0,"
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：
标题
多表头时索引
设置grid表头标题
//单表头设置
mygrid.setColumnLabel（0,"
NewColumnLabel"
//多行表头设置
1.1.113setColumnMinWidth（width,ind）
宽度
设置grid某列、各列最小宽度
//设置第一列
mygrid.setColumnMinWidth（50,0）;
//设置所有列
mygrid.setColumnMinWidth（"
50,100,100,150,200,100,150"
1.1.114setColumnsVisibility（list）
各列是否可见参数组合，false可见，true隐藏
设置各列是否可见
mygrid.setColumnsVisibility（"
false,true,true,true,true"
1.1.115setFooterLabel（c,label,ind）
c:
列索引
标题内容，可包含img:
[imageUrl]图片引用格式
lnd：
多表脚时，行索引
设置表脚标题信息
1.1.116cellById（row_id,col）
row_id:
rowId
获得单元格对象,无参数时返回当前选中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
1.1.124enableColSpan（mode）
是否支持跨行操作
1.1.125enableEditEvents（click,dblclick,f2Key）
click：
true|false是否单击进入编辑状态
dbclick：
true|false是否双击进入编辑状态
f2Key：
true|false是否按F2进入编辑状态
触发编辑模式的方法
mygrid.enableEditEvents（true,false,
升级会员 