阅读:684 回复:1
武汉技术支持团队
40

帖子

1181

跟帖

3860

积分

论坛版主
论坛版主

[技术实例]BPM10.2中实现待办任务列表列宽度自由拖拽

楼主#
更多 发布于:2018-01-03 16:29
最近有项目上有这样的需求,当流程名称或任务名称过长时看不全,希望能加个拖拽功能,由用户调整列的宽度。
将实现方法整理分享一下。
1、插件

第三方插件选择使用colResizable.js,它是基于jQuery的插件,可以一行代码实现表单列宽拖拽功能;项目上可以直接在NuGet上下载,文档后面也有附件
2、代码部署
1、将文件放在portal/js/app文件夹下
2、在config.rooter.js中找到MyUnfinishedWorkItemController控制器,加入该js的引用

图片:Screenshot 2018-01-03_16-02-02.png


3、在MyUnfinishedWorkItemController.js中加入Table加载完成后的渲染

图片:Screenshot 2018-01-03_16-03-21.png


3、附件
colResizable-1.6.min.txt

4、效果GIF截图
当鼠标在列头移动出现<-->时,就可以按住拖拽了,因为表格没有线条,不是很好找,在每列文字前大约10px的地方

图片:111.gif

最新喜欢:

H3BPMH3BPM 实名用户_80996d34实名用户_8... tanwtanw
果冻栋吖
104

帖子

755

跟帖

2457

积分

论坛版主
论坛版主
  • 社区居民
  • 忠实会员
  • 优秀斑竹
1楼#
发布于:2018-01-04 21:28
膜拜
需要技术支持请私信~
游客

返回顶部