多选左右选择控件的设计与实现简介

因为项目中使用了左右选择的控件，所以在网上找到了一些相关的实现，基本上有两个：1。基于JQuery UI的控件：。

这款看起来款式不错，功能齐全好用，但是和传统的从左到右的选择方式不同，有点别扭。2.一个兄弟手写的控制：。

这符合我的需求，简单实用，但不符合我的其他需求。我的需求是合适的选择框需要能够选择不同颜色的图片，这种风格有点不雅观。你为什么自己写一个？我花了半天时间才完成。贴出来和大家分享：。

这不仅符合我的功能要求，也符合我的风格要求。关于颜色选择，我引用了第三方的一个插件jquery.colorPicker.js。我更喜欢简单、实用、美观的东西。关于代码，不方便的帖子太多了。来说说我的实现吧。左右控件是jQuery easy UI的数据网格控件。我也试过几个控件，只有这个符合我的要求。当然，我也做了一些处理，去掉了标题，手动修改了datagrid的样式。左右控制的逻辑与上下控制基本一致，是通过调用datagrid的一些方法实现的。当然，这个控制灰色按钮也做了很多逻辑控制，目的是让用户使用起来更加方便。