jQuery EasyUI Complemento básico –Droppable (Soltar)
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). |
Complemento jQuery EasyUI Otras extensiones