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

QQ登录

只需一步,快速开始

查看: 4006|回复: 0

[分享] grid tree样式修改

[复制链接]

532

主题

2107

帖子

4306

积分

论坛元老

起步萌新

Rank: 8Rank: 8

积分
4306
发表于 2019-8-1 11:04:46 | 显示全部楼层 |阅读模式
版本: 小版本号:
数据库: 服务器操作系统: 应用服务器:
客户端操作系统: 浏览器:
本帖最后由 江苏院-吴昊 于 2019-8-1 11:08 编辑

Snipaste_2019-08-01_11-00-12.png


文件夹图标和文件图标是在treeIconRender事件中修改,这个图标是无法动态改变,比如展开时用“打开的文件夹”图标,收起时用“关闭的文件夹”,这个应该做不到,如果要做只能修改前面的图标。
  1. //判断的逻辑修改,我这里是用cData加载的树形数据。
  2. Model.prototype.grid1TreeIconRender = function(event) {
  3.                 if(event.row.rows && event.row.rows.length !== 0){
  4.                         event.html = '<i style="color:#f3ca1d;" class="dataControl dataControl-folder"></i>';
  5.                 }else{
  6.                         event.html = '<i style="color:#333;" class="dataControl dataControl-document"></i>';
  7.                 }
  8.                
  9.         };
复制代码

三角符号替换是在jqGrid.src.js文件中,搜索原图标出现的地方,替换为自己的。

我用的是dataControl dataControl-nodecollapse 和 dataControl dataControl-nodeexpand,然后用dist.bat生成最新的文件。

其他样式再调整下,就OK了。




评分

参与人数 1威望 +50 收起 理由
jholy + 50 很给力!

查看全部评分

及时结贴是个好习惯
您需要登录后才可以回帖 登录 | 注册

本版积分规则

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

GMT+8, 2024-4-26 00:38 , Processed in 0.069218 second(s), 31 queries .

Powered by Discuz! X3.4

© 2001-2013 Comsenz Inc.

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