淘小兔

软件的界面制作也是一门大学问,知识兔小编这带来的EasyUI自由桌面代码是可以帮助用户删改桌面个数、布局及个人想要的功能,应该算是EasyUI前端,主要是帮你定制出更好玩更自由的桌面布局。

EasyUI自由桌面代码实现功能

知识兔

拖拽之后DIV中保存了DIV的位置

部件筛选是以Css 的Display属性来控制的

部件复位是初始化全部部件

保存是保存整个范围内的Div内容来保存到数据库

EasyUI自由桌面代码结果图效果预览

知识兔

202202062157256521070000

EasyUI自由桌面代码技巧介绍

知识兔

1、选中的将变成最顶层

202202062157262314700001

2、初始化筛选

202202062157268285150002

3、删除部件

202202062157274231890003

4、动态设置宽度

202202062157281270500004

5、布局

202202062157289286020005

布局,我写了1280*800,你可以根据你系统自行计算浏览器的宽高来自适应

EasyUI自由桌面代码使用总结

知识兔

虽然是基于EasyUI的,但是其他UI组件也都有拖拽,或者自己手写拖拽,或者下载第三方的拖拽,都可以为你的系统实现自由布局的功能

下载代码一看便明白其中一些实现方式

您也可以在每个部件加点图标美化一下

点击下载

下载仅供下载体验和测试学习,不得商用和正当使用。

下载体验

请输入密码查看内容!

如何获取密码?

 

点击下载