阅读:1361
回复:1
|
[技术实例]BPM10.2中实现待办任务列表列宽度自由拖拽
最近有项目上有这样的需求,当流程名称或任务名称过长时看不全,希望能加个拖拽功能,由用户调整列的宽度。
将实现方法整理分享一下。 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 |
1楼#
发布于:2018-01-04 21:28
膜拜
|
|
|