【技术实现步骤摘要】
本专利技术涉及软件开发,具体涉及一种列表排序组件的实现方法、装置、设备及存储介质。
技术介绍
1、在软件开发领域,使用react框架进行开发时,常常需要实现可拖拽的列表排序功能。目前已有一些库,如react-beautiful-dnd和react-sortablejs等,提供了一些基于drag and drop的列表排序解决方案。
2、但是,这些库的灵活性较差,难以满足不同场景下的组件设计需求。
技术实现思路
1、有鉴于此,提供一种列表排序组件的实现方法、装置、设备及存储介质,以解决现有列表排序组件的实现方案存在灵活性较差,难以满足不同场景下的组件设计需求的问题。
2、本专利技术采用如下技术方案:
3、第一方面,本专利技术提供了一种列表排序组件的实现方法,包括:
4、引入react框架,在所述react框架上创建一个react组件;所述react组件用于作为列表排序组件的列表项;
5、引入react dnd技术拓展所述react组
...【技术保护点】
1.一种列表排序组件的实现方法,其特征在于,包括:
2.根据权利要求1所述的列表排序组件的实现方法,其特征在于,所述目标参数包括:列表项标识、列表项索引、列表项内容和回调函数。
3.根据权利要求2所述的列表排序组件的实现方法,其特征在于,所述回调函数为onMove;
4.根据权利要求1所述的列表排序组件的实现方法,其特征在于,在所述在使用所述React组件的地方插入所述React组件,并配置该React组件的目标参数的参数内容之后,还包括:
5.一种列表排序组件的实现装置,其特征在于,包括:
6.根据权利要求
...【技术特征摘要】
1.一种列表排序组件的实现方法,其特征在于,包括:
2.根据权利要求1所述的列表排序组件的实现方法,其特征在于,所述目标参数包括:列表项标识、列表项索引、列表项内容和回调函数。
3.根据权利要求2所述的列表排序组件的实现方法,其特征在于,所述回调函数为onmove;
4.根据权利要求1所述的列表排序组件的实现方法,其特征在于,在所述在使用所述react组件的地方插入所述react组件,并配置该react组件的目标参数的参数内容之后,还包括:
5....
【专利技术属性】
技术研发人员:方浩铭,高斌,邹琼,周双全,
申请(专利权)人:深圳市瑞云科技股份有限公司,
类型:发明
国别省市:
还没有人留言评论。发表了对其他浏览者有用的留言会获得科技券。