JRoll React滑動刪除

2022-02-21 16:39:50 字數 2656 閱讀 4170

import react, from 'react';

import '../src/css/reset.css';

import '../src/css/delete.css';

import jroll from 'jroll';

class mall extends component ,,,

,,,,

,,,,

,,,,

,,,,

]};this.deleteone = this.deleteone.bind(this

);

this.createjroll = this.createjroll.bind(this

); }

createjroll());

var items = document.queryselectorall(".item");

var current = null; //

儲存當前滑開的item

for (var i=0,l=items.length; i) );

j.on("scrollstart", function

() });

j.on("scroll", function

(e)

else

});j.on("scrollend", function

()

else

})}

//新增點選刪除按鈕的事件

//for (let i=0; i//

let item = items[i];

//let index = i;

= (e)=>

//};//}

} deleteone(id)

else

}//發起請求

this.setstate(,()=>);

} componentdidmount()

render()>刪除

}) }

失效商品

) }

}}class item extends component

render()

}export

效果圖

公升級版,防**購物車列表刪除,商品列表以店鋪為單位展示(而非獨立展示)

ps:這裡著重展示思路,沿用之前的資料(結構)導致不能夠實現刪除效果,請無視。重點是『滑動』的思路。

import react, from 'react';

import '../src/css/reset.css';

import '../src/css/delete.css';

import jroll from 'jroll';

class mall extends component ,,,

,,,,

,,,,

,,,,

,,,,

]};this.deleteone = this.deleteone.bind(this

);

this.createjroll = this.createjroll.bind(this

); }

createjroll());

var items = document.queryselectorall(".item");

var current = null; //

儲存當前滑開的item

for (var i=0,l=items.length; i) );

j.on("scrollstart", function

() });

j.on("scroll", function

(e)

else

});j.on("scrollend", function

()

else

})}

//新增點選刪除按鈕的事件

//for (let i=0; i//

let item = items[i];

//let index = i;

= (e)=>

//};//}

} deleteone(id)

else

}//發起請求

this.setstate(,()=>);

} componentdidmount()

render()>刪除

////

//})//

以店鋪為單位1

this.state.arr.map((item,index)=>>刪除

) }

;})}

失效商品

) }

}}class item extends component

render()

}export

效果圖⬇️

UITableViewCell滑動刪除及移動

實現cell的滑動刪除,需要實現uitableview的 uitableviewdelegate中如下方法 先要設cell可編輯 bool tableview uitableview tableview caneditrowatindexpath nsindexpath indexpath 定義編輯...

滑動出現刪除按鈕

html 在同行的小夥伴中提到了你 1分鐘前 刪除你看不到我哦 1分鐘前 刪除回憶裡想起模糊的小時候,雲朵漂浮在藍藍的天空,那時的你說,要和我手牽手,一起走到時間的盡頭 1分鐘前 刪除哈哈哈哈哈 暑假來看小黃人電影哦 哈哈哈 1分鐘前 刪除css width 100 height 144px ove...

實現Cell的滑動刪除

實現cell的滑動刪除,需要實現uitableview的 uitableviewdelegate中如下方法 先要設cell可編輯 bool tableview uitableview tableview caneditrowatindexpath nsindexpath indexpath 定義編輯...