這次我們來做一個有趣的事情，有朋友跟做了很遠，找我要自由桌面的代碼，這次我們将示範自由桌面的代碼。 自由桌面：使用者可以随意增删改桌面的布局、個數（隻留自己需要看到的資料），這次純屬EasyUI前端 當然您抛棄EasyUI你同樣也能為你的系統桌面定制有趣自由布局
本次實作主要用到EasyUI一個非常不常用的元件Draggable（拖拽）
雖然圖顯示簡單，但是實際做起來非常的耗時，有興趣的朋友在尾部下來看看拖拽和實作，下面是實作思路和功能：
拖拽之後DIV中儲存了DIV的位置
部件篩選是以Css 的Display屬性來控制的
部件複位是初始化全部部件
儲存是儲存整個範圍内的Div内容來儲存到資料庫
整個拖拽功能的代碼如下（展開檢視）
EasyUI自由桌面
布局，我寫了1280*800，你可以根據你系統自行計算浏覽器的寬高來自适應
大概說到這裡，雖然是基于EasyUI的，但是其他UI元件也都有拖拽，或者自己手寫拖拽，或者下載下傳第三方的拖拽，都可以為你的系統實作自由布局的功能 下載下傳代碼一看便明白其中一些實作方式 您也可以在每個部件加點圖示美化一下 示例代碼下載下傳：連結：http://pan.baidu.com/s/1pLtUUDl 密碼：dlio
---------------------------------------------------------------------------------
雖然釋出了代碼，但是後來覺得醜醜的，最後花了一天的時間改了前端的布局方式，參考圖檔：
本文轉自ymnets部落格園部落格，原文連結：http://www.cnblogs.com/ymnets/p/6014996.html，如需轉載請自行聯系原作者