jquery 菜鳥(niǎo)教程 如何實(shí)現(xiàn)列表中數(shù)據(jù)的下移和上移功能?
如何實(shí)現(xiàn)列表中數(shù)據(jù)的下移和上移功能?您的數(shù)據(jù)庫(kù)是如何設(shè)計(jì)的?怎么能不說(shuō)呢?它怎么能給你正確的答案?數(shù)據(jù)庫(kù)表中是否有顯示順序列?我想我有了首先,得到行的displayOrder值,叫做B,和ID值,叫做
如何實(shí)現(xiàn)列表中數(shù)據(jù)的下移和上移功能?
您的數(shù)據(jù)庫(kù)是如何設(shè)計(jì)的?怎么能不說(shuō)呢?它怎么能給你正確的答案?
數(shù)據(jù)庫(kù)表中是否有顯示順序列?我想我有了
首先,得到行的displayOrder值,叫做B,和ID值,叫做Id2。單擊“上移”以獲取前一行的displayOrder值(稱(chēng)為a)和ID值(稱(chēng)為Id1)。然后交換并更新這兩列的值。確定
您還可以編寫(xiě)一個(gè)存儲(chǔ)過(guò)程來(lái)等待(Id1,Id2,a,b)
存儲(chǔ)過(guò)程的操作:
update table set displayOrder=a,其中有三個(gè)主要事件:touch start,touch move和touch end。這三個(gè)事件最重要的屬性是pagex和pagey,它們表示X和Y坐標(biāo)。Touchstart在觸摸開(kāi)始時(shí)觸發(fā)事件touchend,觸摸結(jié)束時(shí)觸發(fā)事件touchmove。這件事很奇怪。在接觸的過(guò)程中不斷觸發(fā)這一事件是合理的。但是,在某些設(shè)備中,它在觸發(fā)touchstart之后觸發(fā)一次,其余的幾乎與touchend同時(shí)觸發(fā)。這三個(gè)事件都有timestamp屬性。如果你看一下timestamp屬性,您可以看到順序是touchstart-> touchmove-> touchmove->-> touchmove-> TouchEnd。下面是一個(gè)代碼示例:document.getElementsByTagName文件(“body”[0].addEventListener(“touchstart”,函數(shù)(e){nStartY=e.targetTouches[0].pageY nStartX=e.targetTouches[0].pageX})document.getElementsByTagName文件(“body”[0]。addEventListener(“touchend”,函數(shù)(e){nChangY=e.changedTouches[0]。pageY Nchangx=e.changedTouches[0]。頁(yè)碼:1。觸摸事件和點(diǎn)擊事件不會(huì)同時(shí)觸發(fā)?,F(xiàn)在移動(dòng)設(shè)備做得更好,完全避免了這個(gè)問(wèn)題。
2. 注意觸摸開(kāi)始和結(jié)束的位移。如果位移太小,就不要做任何動(dòng)作。