[Liferay AUI] : Drag and Drop file component

[Koffi AGHOSTO, modifié il y a 9 années.]

Hello everybody,

I search component in liferay (alloy UI) which makes drag and drop files.

I develop a portlet which need to import files in liferay by drag and drop but I don't know any component to drag and
drop files in Liferay. Any idea of this is welcomed.

My environment : Liferay 6.2 ee sp5, Spring MVC

Thank in advanced,
Koffi

[anas esseidi, modifié il y a 7 années.]

If i clearly understand your question, i suggest you use that script
html :

<div id="mySortableLayout">
  <div class="portlet">
    <h4>Portlet 1</h4>
    <p>Lorem Ipsum dummy content</p>
  </div>
  <div class="portlet">
    <h4>Portlet 2</h4>
    <p>Lorem Ipsum dummy content</p>
  </div>
  <div class="portlet">
    <h4>Portlet 3</h4>
    <p>Lorem Ipsum dummy content</p>
  </div>
</div>

aui:script

YUI().use(
  'aui-sortable-layout',
  function(Y) {
    new Y.SortableLayout(
      {
        dragNodes: '.portlet',
        dropNodes: '#mySortableLayout'
      }
    );
  }
);

is about using Alloyui Api for creating drag and drop.
I got another exemple for a treeview
Alloyui Real exemple of treeview.