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 禁用可放置功能。
  • 相关阅读:
    android状态栏
    python基础(二)——文件操作
    python基础(一)——字符串
    每日读书
    gradle相关
    EditText整体hint
    java生成pdf
    Androidstudio点9图报错
    【ASP.NET Core学习】使用JWT认证授权
    数据访问仓储模式的事务管理(Unit of Work)
  • 原文地址:https://www.cnblogs.com/jiangxiaobo/p/7115332.html
Copyright © 2011-2022 走看看