列表排序组件的实现方法、装置、设备及存储介质制造方法及图纸

技术编号:43607590 阅读:22 留言:0更新日期:2024-12-11 14:53
本发明专利技术提供一种列表排序组件的实现方法、装置、设备及存储介质,涉及软件开发技术领域,方法包括:引入React框架,在所述React框架上创建一个React组件;所述React组件用于作为列表排序组件的列表项;引入React DnD技术拓展所述React组件的功能,使所述React组件接受目标参数;在使用所述React组件的地方插入所述React组件,并配置该React组件的目标参数的参数内容。基于此,由于本发明专利技术支持开发人员灵活地配置目标参数的参数内容,使得本发明专利技术提高了列表排序组件开发灵活性,满足了不同场景下的组件设计需求。

【技术实现步骤摘要】

本专利技术涉及软件开发,具体涉及一种列表排序组件的实现方法、装置、设备及存储介质


技术介绍

1、在软件开发领域,使用react框架进行开发时,常常需要实现可拖拽的列表排序功能。目前已有一些库,如react-beautiful-dnd和react-sortablejs等,提供了一些基于drag and drop的列表排序解决方案。

2、但是,这些库的灵活性较差,难以满足不同场景下的组件设计需求。


技术实现思路

1、有鉴于此,提供一种列表排序组件的实现方法、装置、设备及存储介质,以解决现有列表排序组件的实现方案存在灵活性较差,难以满足不同场景下的组件设计需求的问题。

2、本专利技术采用如下技术方案:

3、第一方面,本专利技术提供了一种列表排序组件的实现方法,包括:

4、引入react框架,在所述react框架上创建一个react组件;所述react组件用于作为列表排序组件的列表项;

5、引入react dnd技术拓展所述react组件的功能,使所述re本文档来自技高网...

【技术保护点】

1.一种列表排序组件的实现方法,其特征在于,包括:

2.根据权利要求1所述的列表排序组件的实现方法,其特征在于,所述目标参数包括:列表项标识、列表项索引、列表项内容和回调函数。

3.根据权利要求2所述的列表排序组件的实现方法,其特征在于,所述回调函数为onMove;

4.根据权利要求1所述的列表排序组件的实现方法,其特征在于,在所述在使用所述React组件的地方插入所述React组件,并配置该React组件的目标参数的参数内容之后,还包括:

5.一种列表排序组件的实现装置,其特征在于,包括:

6.根据权利要求5所述的列表排序组件...

【技术特征摘要】

1.一种列表排序组件的实现方法,其特征在于,包括:

2.根据权利要求1所述的列表排序组件的实现方法,其特征在于,所述目标参数包括:列表项标识、列表项索引、列表项内容和回调函数。

3.根据权利要求2所述的列表排序组件的实现方法,其特征在于,所述回调函数为onmove;

4.根据权利要求1所述的列表排序组件的实现方法,其特征在于,在所述在使用所述react组件的地方插入所述react组件,并配置该react组件的目标参数的参数内容之后,还包括:

5....

【专利技术属性】
技术研发人员:方浩铭高斌邹琼周双全
申请(专利权)人:深圳市瑞云科技股份有限公司
类型:发明
国别省市:

网友询问留言 已有0条评论
  • 还没有人留言评论。发表了对其他浏览者有用的留言会获得科技券。

1