拖拽已經折磨我好幾天
雖然頭已經把拖拽鬧完了
可是從他手裡接到活的時候
是寫死的
而且不能儲存值
經過前面幾天的思索 發現走錯了路
頭突然的一句話點醒了我
最後確定的思路是
先說下設計的資料庫吧
url 鏈結 通過來鏈結吧內容顯示到div中
xuhao 序號 這個值是變化的根據他的順序來在頁面顯示拖拽後的div的位置
divid div的id 這個值從新增以後到刪除都不會變
lr 位置 左邊l 右邊r
先不說新增
首先說一下顯示
查詢左邊顯示的資料 根據lr新增條件 xuhao排序
查詢右邊顯示的資料 根據lr新增條件 xuhao排序
string hqll="from home where lr='l' order by xuhao";//編寫hql語句
homelistl=homeservice.findhomehql(hqll);//頁面中左邊顯示的資料
string hqlr="from home where lr='r' order by xuhao";//編寫hql語句
homelistr=homeservice.findhomehql(hqlr);//頁面中右邊顯示的資料
那麼查詢就差完了
該到頁面去看看如何顯示並且將顯示的資料在div中顯示了
迴圈生成div 並且通過divid的值給他的鏈結賦值
下面來看看拖動的**所在
var outerlayout;
看看我們的修改如何鬧
首先將拖動後的div順序傳了過來
根據分號分隔值，這樣就得到了左邊的div和右邊的div
a1代表左邊的div的id a2代表右邊的div的id
string a=null;
if(col!=null && !"".equals(col))
string a1 =null;
string a2 =null;
if(a[0]!=null && !"".equals(a[0]))
if(a[1]!=null && !"".equals(a[1]))
獲取根據usercode獲取資料
homelist=homeservice.findhome(user.getusercode());
迴圈homelist你想要什麼啊 我當然是要通過匹配divid的值來給其賦值值
div的值是不變的 但是xuhao 和 lr是變化的啊
從左邊拖到右邊 lr的變化從l變到r xuhao的變化
從上邊拖到下邊 lr的沒變化 xuhao的變化
迴圈homelist 如果homelist中有和a1中匹配的divid的話 立馬修改位置 修改xuhao 修改lr
xuhao每次拖拽更新時 都是重新定製的
for(int i=0;i好了現在拖拽後你的位置就可以儲存了
既然這樣好了
那是不是還少個乙個新增鏈結的地方呢
是不是還少個能根據頁面div布局自動識別新新增的div放**呢
首先的定義下div有多少個id 我這裡只有十個
想有多少有多少，但是divid一定是要有規律的
定義所有div只能擁有以下id
home homes;
//*****setter getter****//
string shuzu=;
可是問題又出現了 我不知道這裡面哪個能用 因為divid是不可以重複的
所以就要和資料庫中已經存在的divid做個比較 把能用的拿出來
homelist=homeservice.findhome(user.getusercode());//獲取資料庫資料
這個比較方式是我從網上摘的 感覺很省力
先把資料庫divid拼成字串
字串去和shuzu這個divid比較全的陣列比較 檢索不到的就是還能用的
string str ="";
list shuzulist=new arraylist();//能用的divid
for(int j=0;jl=homeservice.findhomehql(hqll);
string hqlr="from home where lr='r' order by xuhao";//根據lr=r 序號排序查詢值
listr=homeservice.findhomehql(hqlr);
if(null!=homelist &&homelist.size()>0)else if(l.size()==r.size())else
}homes.setusercode(user.getusercode());
f=homeservice.addhome(homes);
ok 這樣就新增進入了
新增的時候制定好divid的值 我們以後就不需要為divid而煩心了
只需要關心在左邊還是在右邊 左邊是如何排序的 ，右邊又是如何排序的
這樣我們就輕鬆多了 就和我那朋友說的 一靜一動
Jquery移動端控制DIV拖拽
需求 車型配置表，移動端需要滑動，並且多項配置的表需要聯動對應頭部分類名稱 要求 左側 title 固定 頂部需要吸頂效果 處理方案 一開始打算使用table 但是發現不太好控制，後來就使用了div進行模擬了table 左側title 和 右側的 屬於兩部分結構。然後移動端的時候進行相對定位，控制右...
實現Div拖拽
直觀的理解div拖拽 當滑鼠對著可拖拽部分按住後並拖動，div會跟著滑鼠一起運動，並且其運動空間限制在瀏覽器內部，當放開滑鼠時，則div停止運動。實現div拖拽需要三個重要的事件 1 onmousedown 滑鼠按下事件 2 onmousemove 滑鼠移動事件 3 onmouseup 滑鼠抬起事件...
jQuery動態新增html
在日常 web 開發中，經常遇到需要操作html dom 今天我們來總結下通過jquery來動態新增 html 首先我們來對這些方法做個總結 01 html html 函式的作用原理是先移除匹配元素內部的html 然後將新的html新增到匹配元素 設定內容 當使用該方法返回乙個值時，它會返回第乙個匹...