zoukankan      html  css  js  c++  java
  • EasyUI Droppable 可放置

    通过 $.fn.droppable.defaults 重写默认的 defaults。

    用法

    通过标记创建可放置(droppable)区域。

    <div class="easyui-droppable" data-options="accept:'#d1,#d3'" style="100px;height:100px;">
    </div>

    使用 javascript 创建可放置(droppable)区域。

    <div id="dd" style="100px;height:100px;"></div>
    $('#dd').droppable({
        accept:'#d1,#d3'
    });

    属性

    名称类型描述默认值
    accept selector 确定将被接受的可拖动元素。 null
    disabled boolean 如果设置为 true,则停止可放置(droppable)。 false

    事件

    名称参数描述
    onDragEnter e,source 当可拖动元素被拖进来时触发。source 参数指被拖动的 DOM 元素。
    onDragOver e,source 当可拖动元素被拖过时触发。source 参数指被拖动的 DOM 元素。
    onDragLeave e,source 当可拖动元素被拖离开时触发。source 参数指被拖动的 DOM 元素。
    onDrop e,source 当可拖动元素被放下时触发。source 参数指被拖动的 DOM 元素。

    方法

    名称参数描述
    options none 返回选项(options)对象。
    enable none 启用可放置功能。
    disable none 禁用可放置功能。
  • 相关阅读:
    看门狗定时器
    fork 和 exec
    openwrt procd分析
    减肥经验总结
    gcc
    laravel5验证码
    laravel5通过auth.attempt事件加入登陆验证码
    双向链表
    mysql5.6源码安装
    laravel4通过控制视图模板路劲来动态切换主题
  • 原文地址:https://www.cnblogs.com/jiangxiaobo/p/7115332.html
Copyright © 2011-2022 走看看