您当前的位置: 首页 >  ui

杨林伟

暂无认证

  • 3浏览

    0关注

    3337博文

    0收益

  • 0浏览

    0点赞

    0打赏

    0留言

私信
关注
热门博文

08EasyUI 拖放- 创建学校课程表

杨林伟 发布时间:2019-04-17 15:05:09 ,浏览量:3

我们将创建两个表格:在左侧显示学校科目,在右侧显示时间表。 您可以拖动学校科目并放置到时间表单元格上。 学校科目是一个

元素,时间表单元格是一个 元素,如下图: 在这里插入图片描述

显示学校科目
    
English
Science
显示时间表
Monday Tuesday Wednesday Thursday Friday 08:00
拖动在左侧的学校科目
    $('.left .item').draggable({
        revert:true,
        proxy:'clone'
    });
放置学校科目在时间表单元格上
 $('.right td.drop').droppable({
        onDragEnter:function(){
            $(this).addClass('over');
        },
        onDragLeave:function(){
            $(this).removeClass('over');
        },
        onDrop:function(e,source){
            $(this).removeClass('over');
            if ($(source).hasClass('assigned')){
                $(this).append(source);
            } else {
                var c = $(source).clone().addClass('assigned');
                $(this).empty().append(c);
                c.draggable({
                    revert:true
                });
            }
        }
    });
关注
打赏
1662376985
查看更多评论
立即登录/注册

微信扫码登录

0.3050s