整合 layui 穿梭框组件

分享 未结 精帖
50 9581
chenyi
chenyi 2018-7-16
悬赏:20飞吻
因项目需要,固封装了一个简单的穿梭框

1.效果如下



2.预览地址 http://ui.cymall.xin/demo/transfer/index.html

3.下载 链接: https://pan.baidu.com/s/1Vo_GAozyP2vps3bXBWkJew 密码:rl9p

4交流分享 q228112142 q群 275846351
回帖
  • 柒爱
    2018-7-19
    感觉右边的框里加个全选会比较好[哈哈]
    4 回复
  • 效果很好,赞[good]
    1.5M?得空仔细看下,不然感觉有点大哈[抱抱]
    1 回复
  • 这个做的确实不错
    1 回复
  • 下载链接的文档发现两处bug
    1 回复
  • [good] 不错不错,挺棒的
    0 回复
  • 茉莉
    2018-7-17
    [good] 收藏了
    0 回复
  • 芥末小s
    2018-7-17
    收藏,归纳
    0 回复
  • 收藏收藏[good]
    0 回复
  • 收藏了[good] [good]
    0 回复
  • [good]
    0 回复
  • [疑问]
    0 回复
  • [good]
    0 回复
  • [good]
    0 回复
  • simonHlf
    2018-7-19
    整体效果挺棒的,不过试了下,提交表单的时候没有把左侧移动过去的对象lay-value给拿取到
    0 回复
  • simonHlf
    2018-7-19
    左右分别再增加一个全选功能会更好!啦啦啦啦啦~~~
    0 回复
  • 执着949
    2018-7-19
    可以啊,兄弟[good]
    0 回复
  • chenyi
    2018-7-19
    0 回复
  • 嗯 挺不错的, 好像是作者定制化的产品,
    有几个问题希望作者能改善,
    1.加载方式,这不是一个标准的layui加载的插件
    2.源码中有url指向, 这个感觉很不友好
    3.调用方式,api使用感觉没有,
    4.两个css 什么意思
    整个来说,还是很不错的插件,整体采用layui风格。希望作者越做越好
    0 回复
  • chenyi
    2018-7-19
    @丨末 自已框架的编码风格,你们可以修改源码
    0 回复
  • 很不错 不过建议加上双击会好点
    0 回复
  • 很不错,攒一个···[给力]
    0 回复
  • 田坤
    2018-7-20
    [good]
    0 回复
  • mark 一下,不错的插件
    0 回复
  • 太棒了!~~~[good]
    0 回复
  • 毛泽车
    2018-7-20
    发帖子表示收藏
    0 回复
  • 凉糖
    2018-7-21
    [微笑]
    0 回复
  • 看起来来不错,可以研究下
    0 回复
  • Cc_it
    2018-7-24
    请问怎么把后台请求的数据 放进去呢
    0 回复
  • chenyi
    2018-7-25
    @Cc_it url写你的后台请求地址,返回体跟demo里的json格式一样就行
    0 回复
  • Cc_it
    2018-7-25
    success: function (res) {
    for (var i = 0; i < res.data.length; i++) {
    _resStr += res.data[i].code + ","
    }
    _resStr = _resStr.substr(0, _resStr.length - 1)
    $(".layui-form").append(
    '<div id="transferTool" cyType= "transferTool" name="province[]" cyProps="url:http://192.168.3.253:8088/user/findByUserIdRole?userId=-1842252778" value="' +_resStr
    +'"></div>'
    )
    form.render()
    //加载js文件
    load_js("../../../static/admin/transfer/js/utils.js", function () {
    form.render()
    });
    load_js("../../../static/admin/transfer/js/transferTool.js", function () {
    form.render()
    });
    ///请问下我是通过这种方式append进去的 value 动态生成 但是不生效 是因为什么呢 楼主大大
    0 回复