您当前的位置： 首页 >  杨林伟 ui

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
                });
            }
        }
    });
关注
打赏
1688896170
查看更多评论

杨林伟

暂无认证

  • 3浏览

    0关注

    3183博文

    0收益

  • 0浏览

    0点赞

    0打赏

    0留言

私信
关注
热门博文

[ 申请 ]友情链接：

復刻手錶 快连vpn 快连 快连vpn 搜外友链 笔趣阁 爱思助手 ClashX教程 绘画宝宝 配音宝宝
立即登录/注册

微信扫码登录

0.5703s