MultiSelect左右选择控件的设计与实现
来源:互联网 发布:刑事模拟画像软件 编辑:程序博客网 时间:2024/04/28 08:53
由于项目中用到左右选择的控件,网上找了一些相关的实现,基本上有两个:
1、基于JQuery UI的控件:
这个看起来样式不错,而且使用起来功能也比较齐全,但是与传统的左边选择到右边的方式不同,有点别扭。
2、某个兄弟手写的一个控件:
这个符合我的需求,简单实用,但是不满足我的另一个需求,我的需求是右边的选择框需要能选择不同颜色的图片,而且这个样式有点不美观。
怎奈自己写一个吧,费了我半天的劲,总算搞定了,贴出来与大家分享一下吧:
这个既满足了我功能的需求也满足了我对样式的要求。
关于颜色选择我引用了第三方的一个插件jquery.colorPicker.js,我比较喜欢简单实用并且美观的东西。
关于code,太多了不方便贴出来,说一下我的实现吧,左右的控件用的是jQuery easy UI的datagrid控件,我也是尝试了几个控件,只有这个符合我的要求,当然了对于datagrid也做了一些去掉标题、手动修改样式的一些处理。左右选择和上下控制基本上的逻辑是一样的,就是调用的datagrid的一些方法来实现了,当然这块控制灰掉button也做了很多的逻辑控制,目的就是让用户使用起来更加方便。
如果有需要code参考的朋友请给我留言。
- MultiSelect左右选择控件的设计与实现
- JQuery MultiSelect(左右选择框)
- JQuery MultiSelect(左右选择框)
- Android实现可左右滑动的选择控件
- web页面左右框选择的实现与优化过程
- 根据multiselect选择的字段导出csv
- android中选择控件与选择界面自然过度效果的实现--一种新的交互设计
- 下拉列表的左右选择的实现
- 基于bootstrap的jQuery左右移动多选框插件 multiselect
- js实现的左右选择框
- js实现的左右选择框
- EditView实现左右选择
- jquery 实现左右选择
- 自定义左右按钮选择控件
- 低仿探探左右滑动选择控件
- js 实现的左右多选控件
- 扩展DataView实现(MultiSelect)多行选择框
- Bootstrap multiselect多选联动的实现
- Load testing with Visual Studio Ultimate
- 猎豹浏览器新版更新 增加猎豹商店支持第三方插件
- struts2 action跳转action 的配置方法
- 统计没有使用绑定变量的sql语句
- Ubuntu中MySQL安装与使用笔记
- MultiSelect左右选择控件的设计与实现
- 马虎的算式 - 蓝桥杯
- 1、C语言外部说明(变量及函数的作用域扩充)
- 你可能不知道的CAD绘图工具
- matlab 显示系统当前时间
- iPhone开发知识和项目
- 中缀表达式转后缀表达式
- CSQA报考介绍
- 一篇很好的GDB 教程