MultiSelect左右选择控件的设计与实现介绍

站长资源 2024/11/28 佚名

2 0 1

由于项目中用到左右选择的控件，网上找了一些相关的实现，基本上有两个：
1、基于JQuery UI的控件：

这个看起来样式不错，而且使用起来功能也比较齐全，但是与传统的左边选择到右边的方式不同，有点别扭。
2、某个兄弟手写的一个控件：

这个符合我的需求，简单实用，但是不满足我的另一个需求，我的需求是右边的选择框需要能选择不同颜色的图片，而且这个样式有点不美观。

怎奈自己写一个吧，费了我半天的劲，总算搞定了，贴出来与大家分享一下吧：

这个既满足了我功能的需求也满足了我对样式的要求。
关于颜色选择我引用了第三方的一个插件jquery.colorPicker.js，我比较喜欢简单实用并且美观的东西。
关于code，太多了不方便贴出来，说一下我的实现吧，左右的控件用的是jQuery easy UI的datagrid控件，我也是尝试了几个控件，只有这个符合我的要求，当然了对于datagrid也做了一些去掉标题、手动修改样式的一些处理。左右选择和上下控制基本上的逻辑是一样的，就是调用的datagrid的一些方法来实现了，当然这块控制灰掉button也做了很多的逻辑控制，目的就是让用户使用起来更加方便。

MultiSelect,左右选择

广告合作：本站广告合作请联系QQ：858582 申请时备注：广告合作（否则不回）
免责声明：本站资源来自互联网收集,仅供用于学习和交流,请遵循相关法律法规,本站一切资源不代表本站立场,如有侵权、后门、不妥请联系本站删除！

评论“MultiSelect左右选择控件的设计与实现介绍”

暂无评论...

P70系列延期，华为新旗舰将在下月发布

3月20日消息，近期博主@数码闲聊站透露，原定三月份发布的华为新旗舰P70系列延期发布，预计4月份上市。

而博主@定焦数码爆料，华为的P70系列在定位上已经超过了Mate60，成为了重要的旗舰系列之一。它肩负着重返影像领域顶尖的使命。那么这次P70会带来哪些令人惊艳的创新呢？
根据目前爆料的消息来看，华为P70系列将推出三个版本，其中P70和P70 Pro采用了三角形的摄像头模组设计，而P70 Art则采用了与上一代P60 Art相似的不规则形状设计。这样的外观是否好看见仁见智，但辨识度绝对拉满。

更新日志

2024年11月28日

MultiSelect左右选择控件的设计与实现介绍

select、radio表单回显功能实现避免使用jquery载入赋值

jQuery中json对象的复制方式介绍(数组及对象)

评论“MultiSelect左右选择控件的设计与实现介绍”

P70系列延期，华为新旗舰将在下月发布

更新日志

友情链接