scrollableDataTable and multiple drag & drop

[fmarwede]

Hello,

I'm interested in following feature: Select several rows in a scrollableDataTable (with mouse, ctrl and shift - like it works today) and drag & drop them on a tree node. Result: For each dragged and dropped row I get a new node as child of the node with drop zone.

1.) Is this already possible? Then a short code snippet would be helpful.

OR

2.) Is this an aimed feature for 3.2.0 currently not working?

OR

3.) Is this a new feature request? Then I would create an issue for that in JIRA.

[fmarwede]

Perhaps anyone else tried that...?

[fmarwede]

Still waiting for an answer...

[fmarwede]

up!

[ilya_shaikovsky]

Right now I could give you simple example which used simple selection management to perform Drag and drop of several columns.

 <rich:scrollableDataTable rowKeyVar="rkv" frozenColCount="1" height="400px"
 width="700px" id="carList" rows="40" columnClasses="col"
 value="#{dataTableScrollerBean.allCars}" var="category" sortMode="single"
 selection="#{dataTableScrollerBean.selection}">
 <rich:column id="make">
 <f:facet name="header"><h:outputText styleClass="headerText" value="Make" /></f:facet>
 <a4j:outputPanel>
 <rich:dragSupport dragType="selectionDrag" dragIndicator=":indicator"/>
 <h:outputText value="#{category.make}" />
 </a4j:outputPanel>
 </rich:column>
 <rich:column id="model">
 <f:facet name="header"><h:outputText styleClass="headerText" value="Model" /></f:facet>
 <h:outputText value="#{category.model}" />
 </rich:column>
 <rich:column id="price">
 <f:facet name="header"><h:outputText styleClass="headerText" value="Price" /></f:facet>
 <h:outputText value="#{category.price}" />
 </rich:column>
 <rich:column id="mileage">
 <f:facet name="header"><h:outputText styleClass="headerText" value="Mileage" /></f:facet>
 <h:outputText value="#{category.mileage}" />
 </rich:column>
 <rich:column width="200px" id="vin">
 <f:facet name="header"><h:outputText styleClass="headerText" value="VIN" /></f:facet>
 <h:outputText value="#{category.vin}" />
 </rich:column>
 <rich:column id="stock">
 <f:facet name="header"><h:outputText styleClass="headerText" value="Stock" /></f:facet>
 <h:outputText value="#{category.stock}" />
 </rich:column>
 </rich:scrollableDataTable>
 <rich:spacer height="20px"/>

 <rich:panel style="width:300px; height:300px">
 <f:facet name="header">
 <h:outputText value="Drop Here"/>
 </f:facet>
 <rich:dropSupport acceptedTypes="selectionDrag" dropListener="#{dataTableScrollerBean.dropListener}" reRender="table"/>
 <rich:dataTable value="#{dataTableScrollerBean.droppedCars}" var="sel" id="table">
 <rich:column>
 <f:facet name="header"><h:outputText value="Make" /></f:facet>
 <h:outputText value="#{sel.make}" />
 </rich:column>
 <rich:column id="model">
 <f:facet name="header"><h:outputText value="Model" /></f:facet>
 <h:outputText value="#{sel.model}" />
 </rich:column>
 <rich:column id="price">
 <f:facet name="header"><h:outputText value="Price" /></f:facet>
 <h:outputText value="#{sel.price}" />
 </rich:column>
 <rich:column id="mileage">
 <f:facet name="header"><h:outputText value="Mileage" /></f:facet>
 <h:outputText value="#{sel.mileage}" />
 </rich:column>
 <rich:column id="stock">
 <f:facet name="header"><h:outputText value="Stock" /></f:facet>
 <h:outputText value="#{sel.stock}" />
 </rich:column>
 </rich:dataTable>
 </rich:panel>

this is the page from demosite and uses beans from demosite.
One method added

 public void dropListener(DropEvent event) {
 System.out.println("Drop Listener Fired");
 getDroppedCars().clear();
 Iterator<SimpleRowKey> item = getSelection().getKeys();
 while (item.hasNext()){
 SimpleRowKey key = item.next();
 getDroppedCars().add(getAllCars().get(key.intValue()));
 }
 }

There I store the dropped selection..

Let me know if this example is't enough.

[ilya_shaikovsky]

sorry.. I means several rows dragging certainly not the columns ;)

[fmarwede]

Thank you very much. But I have some more question:

How can I show in the dragIndicator that multiple rows are dragged?

There you have inconsistency in developer guide and demo: In the guide there you read that one can define a facet "multy" and in the demo you read about a facet "multiple". But nowhere is explained how to use it.

Thanks again for your help, I hope you can help me solve this issue too.

[fmarwede]

up

[fmarwede]

Sorry but this is at least a bug in documentation.

[fmarwede]

The truth is out there...

[fmarwede]

Problem is still up to date.

[fmarwede]

New week, new try.

[fmarwede]

up

[fmarwede]

Please...

[maksimkaszynski]

Hmm. Looks like its type 3 :)
Problem is that drag indicator is entirely formed on client, and scrollable data table maintains its selection on server, so we need to
a) either perform round-trip to server to find out how many lines are selected
b) or maintain selection on client as well.