起步软件技术论坛
搜索
 找回密码
 注册

QQ登录

只需一步,快速开始

楼主: zhaixin

grid组件(grid、tree、treeGrid)

  [复制链接]

91

主题

13万

帖子

3万

积分

管理员

Rank: 9Rank: 9Rank: 9

积分
35918
发表于 2013-7-3 11:01:37 | 显示全部楼层
设置grid某一个单元格的颜色

可以用dhtmlxgrid的原生态方法
setCellTextStyle (row_id, ind, styleString)
参数:
rowid:行id
cellindex:单元格索引
styleString:样式字符串
如下:设置的是第4列的样式,索引是从0开始的
  1. var data = justep.xbl('data的id');
  2. var total = data.getTotal();
  3. var grid = justep.xbl('grid的id');
  4. for(var i=0;i<total;i++){
  5. var rowid = data.getID(i)
  6. grid.grid.setCellTextStyle(rowid,3,"background-color: red");
复制代码
远程的联系方法QQ1392416607,添加好友时,需在备注里注明其论坛名字及ID,公司等信息
发远程时同时也发一下帖子地址,方便了解要解决的问题  WeX5教程  WeX5下载



如按照该方法解决,请及时跟帖,便于版主结贴

91

主题

13万

帖子

3万

积分

管理员

Rank: 9Rank: 9Rank: 9

积分
35918
发表于 2013-7-3 13:18:40 | 显示全部楼层
修改或者设置grid某行的颜色

justep.xbl('grid的id').grid.setRowColor(row_id, color);
远程的联系方法QQ1392416607,添加好友时,需在备注里注明其论坛名字及ID,公司等信息
发远程时同时也发一下帖子地址,方便了解要解决的问题  WeX5教程  WeX5下载



如按照该方法解决,请及时跟帖,便于版主结贴

91

主题

13万

帖子

3万

积分

管理员

Rank: 9Rank: 9Rank: 9

积分
35918
发表于 2013-7-4 16:25:48 | 显示全部楼层
修改grid的列的type的属性值

justep.xbl('grid的id').grid.setCellExcellType(rowid,cellIndex,type类型);
如下:
  1. var grid = justep.xbl('grdDEMO_DocKind');
  2. var data = justep.xbl('dataDEMO_DocKind');
  3. var rowid = data.getCurrentID();
  4. grid.grid.setCellExcellType(rowid,2,"txt");
复制代码
设置的是rowid这行的第3列的type为txt

点评

  发表于 2016-12-10 09:34
远程的联系方法QQ1392416607,添加好友时,需在备注里注明其论坛名字及ID,公司等信息
发远程时同时也发一下帖子地址,方便了解要解决的问题  WeX5教程  WeX5下载



如按照该方法解决,请及时跟帖,便于版主结贴

88

主题

9507

帖子

5135

积分

管理员

Rank: 9Rank: 9Rank: 9

积分
5135
QQ
 楼主| 发表于 2013-7-9 10:57:00 | 显示全部楼层

隐藏行

想要隐藏grid中的某行,可以通过下面的代码实现
justep.xbl('grid1').grid.setRowHidden(行ID, true);

使用场景:逻辑删除某行数据后,使用隐藏行将其隐藏
远程的联系方法 QQ 728094812。添加好友时,需要填写论坛账号
发远程时同时也发一下帖子的地址,方便了解要解决的问题

如按照该方法解决,请及时跟帖,便于版主结贴

88

主题

9507

帖子

5135

积分

管理员

Rank: 9Rank: 9Rank: 9

积分
5135
QQ
 楼主| 发表于 2013-7-9 11:37:52 | 显示全部楼层

获得所有行ID

justep.xbl("grid").grid.getAllRowIds(",")
远程的联系方法 QQ 728094812。添加好友时,需要填写论坛账号
发远程时同时也发一下帖子的地址,方便了解要解决的问题

如按照该方法解决,请及时跟帖,便于版主结贴

88

主题

9507

帖子

5135

积分

管理员

Rank: 9Rank: 9Rank: 9

积分
5135
QQ
 楼主| 发表于 2013-7-9 11:40:30 | 显示全部楼层

列ref属性值和列索引转换

//根据列ref属性值获得列索引
        justep.xbl('grid').grid.getColIndexById('fString');
//根据列索引获得列ref属性值
        justep.xbl('grid').grid.getColumnId(1);
远程的联系方法 QQ 728094812。添加好友时,需要填写论坛账号
发远程时同时也发一下帖子的地址,方便了解要解决的问题

如按照该方法解决,请及时跟帖,便于版主结贴

9

主题

50

帖子

92

积分

初级会员

Rank: 2

积分
92
发表于 2013-7-23 18:33:39 | 显示全部楼层
这上帖子总结的好

8

主题

29

帖子

261

积分

中级会员

Rank: 3Rank: 3

积分
261
发表于 2013-7-26 13:00:01 | 显示全部楼层
grid能不能在运行中,通过鼠标拖动来改变大小呢?

8

主题

29

帖子

261

积分

中级会员

Rank: 3Rank: 3

积分
261
发表于 2013-7-26 18:58:18 | 显示全部楼层
dhtmlX grid组件很强大的,但是在X5 Studio中属性和事件都很少啊。这是什么原因呢?

28

主题

132

帖子

394

积分

中级会员

Rank: 3Rank: 3

积分
394
QQ
发表于 2013-10-12 13:37:06 | 显示全部楼层
本帖最后由 Geek_X 于 2013-10-12 13:55 编辑
zhaixin 发表于 2012-12-4 16:17
实现方法:设置column的label属性,在需要分层的地方输入|,如下图所示

C:\Users\lenovo\Desktop\a.png
怎么页面一进去数据与表头之间隔了那么高啊?点击页面的刷新又恢复正常,在onload里加data.refreshData()没效果,请问怎么处理
a.png
高级模式
B Color Image Link Quote Code Smilies

本版积分规则

小黑屋|手机版|X3技术论坛|Justep Inc.    

GMT+8, 2024-4-26 08:47 , Processed in 0.083361 second(s), 27 queries .

Powered by Discuz! X3.4

© 2001-2013 Comsenz Inc.

快速回复 返回顶部 返回列表