jQuery EasyUI Complemento básico –Droppable (Soltar)


jQuery EasyUI 插件Complemento jQuery EasyUI

Reescriba los defaults por defecto mediante $.fn.droppable.defaults.

Uso

Cree un área de soltar (droppable) mediante marcado.

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

Cree un área de soltar (droppable) usando JavaScript.

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

Propiedades

Nombre Tipo Descripción Valor por defecto
accept selector Determina los elementos arrastrables que serán aceptados. null
disabled boolean Si se establece en true, detiene el droppable (soltar). false

Eventos

Nombre Parámetros Descripción
onDragEnter e,source Se dispara cuando un elemento arrastrable entra en el área. El parámetro source hace referencia al elemento DOM que se está arrastrando.
onDragOver e,source Se dispara cuando un elemento arrastrable pasa sobre el área. El parámetro source hace referencia al elemento DOM que se está arrastrando.
onDragLeave e,source Se dispara cuando un elemento arrastrable sale del área. El parámetro source hace referencia al elemento DOM que se está arrastrando.
onDrop e,source Se dispara cuando un elemento arrastrable se suelta sobre el área. El parámetro source hace referencia al elemento DOM que se está arrastrando.

Métodos

Nombre Parámetros Descripción
options none Devuelve el objeto de opciones (options).
enable none Habilita la funcionalidad de soltar (droppable).
disable none Deshabilita la funcionalidad de soltar (droppable).

jQuery EasyUI 插件Complemento jQuery EasyUI Otras extensiones