Loading... 这节课我们来学习一个十分实用的功能的封装——表项移动。 --- **为什么要有这个功能** 这节课我们又回到中控台实例中进行学习了! 在中控台实例中,我们想要让我们的中控台变得更加完善完备,我们还可以加入可以让用户移动表项的功能。 选择表项之后,可以点击上移到顶部,下移到底部,上移一个,下移一个中的任意一个按钮,进行表项的移动。 因为整行移动比较有意义,因此我们的封装需要超级列表框将整行选择设置为真。 另外,上移一个和下移一个,一般来说单行移动比较有意义,因此,如果模式为只移动一个的,我们需要保证只选择了一行,如果多选,不做移动操作。 --- **表项移动封装** 封装注意点: 1. 上移到顶部和下移到底部支持多行操作,但上移一个或者下移一个只支持单行。 2. 就这四种模式,如果传参在模式定义外的,不做操作。 3. 如果压根没有选择表项,不做操作。 4. 如果只选了一项,判断所选择项的位置,已经为最顶部或者最底部则无需操作。比如选了第一行,再按一下上移一个,不做操作。 5. 思路有很多,我们这里采用先把选中的表项用临时二维数组保存内容,然后删除这几个表项,再在合适的位置把内容插入到超级列表框中的办法。 大概就这样,接下来让我们请看视频里的操作演示吧! --- **课后作业** **课后作业:** 请大家按照视频所学,自己完成自己中控台的表项移动功能的封装。 **学有余力的同学可以完成如下** **作业:** 大家应该在演示中也看到了,每次移动表项,表项移动成功了,但是我们的视线并没有跟踪到该表项,比如想要连续移动就得重新选择表项了。这样的表项移动不符合我们日常的习惯。请你思考一下如何优化一下该功能,实现移动表项之后,表项还是选择的状态,并且我们可以跟踪到移动到的位置。 该功能可能用到的命令:选择表项,保证显示。 下节课我们来扩展这个功能。 --- **请务必先完成课后作业再看下一课!** 下节课我们将再度优化表项移动功能。 以下是我们的视频教程: **在线观看:** http://v.youku.com/v_show/id_XMjc5MDE0MzMwOA==.html **高清源文件下载:** <div class="hideContent">该部分仅登录用户可见</div> 感谢大家的收看,我们下期再见! 最后修改:2021 年 08 月 09 日 © 允许规范转载 赞 赠人玫瑰,手留余香