Primefaces: Value attribute to Draggable and Droppable

Created on 12 Apr 2015 · 5Comments · Source: primefaces/primefaces

Draggable and Droppable should have value attributes to easily identify what has been dragged and dropped onto.

new feature

Source

cagataycivici

Most helpful comment

on this moment I found only one workaround, but in my opinion this is bad way

<p:treeNode>
    <h:outputText id="selectedCategoryNode" value="#{node}" />
    <p:droppable for="selectedCategoryNode" scope="tabletotree"
    datasource="nomenclatureTable" activeStyleClass="ui-state-highlight" tolerance="touch">
        <p:ajax listener="#{catalogBean.onDragDropTree}" update="nomenclatureTable msgs"/>
        <f:attribute name="category" value="#{node}" />
    </p:droppable>
</p:treeNode>
<!-- <p:dataTable id="nomenclatureTable" -->
<p:column id="drag" style="width:20px">
    <h:outputText id="dragIcon" styleClass="ui-icon ui-icon-arrow-4" />
    <p:draggable for="dragIcon" scope="tabletotree" revert="true" helper="clone" />
</p:column>

    public void onDragDropTree(DragDropEvent event) {
        FacesMessage message;
        try {
            Nomenclature nomenclature = (Nomenclature) event.getData();
            Nomenclature category;

            if (event.getComponent().getAttributes().get("category") instanceof String) {
                category = new Nomenclature(0L, "Номенклатура");
            } else {
                category = (Nomenclature) event.getComponent().getAttributes()
                        .get("category");
            }

            nomenclatureService.move(category, nomenclature);
            nomenclatureList = nomenclatureService.getNomenclature(parentId);
            message = new FacesMessage(FacesMessage.SEVERITY_INFO,
                    "Переміщення", "Номенклатура " + nomenclature
                            + " переміщена в категорію " + category);
        } catch (Exception e) {
            message = new FacesMessage(FacesMessage.SEVERITY_ERROR, "Помилка",
                    "Виникла помилка при переміщенні");
        }
        FacesContext.getCurrentInstance().addMessage(null, message);
    }

452 on 22 Jun 2015

👍3

All 5 comments

be wonderful to see some API methods like this:

public void onDragDrop(DragDropEvent event) {
    List<Car> selectedCarsToMove = (List<Car>) event.getDragObject();
    TreeNode dropNodeCategory = (TreeNode) event.getDropObject();
}

for others people old link of discussions:
https://code.google.com/p/primefaces/issues/detail?id=1469
http://forum.primefaces.org/viewtopic.php?f=3&t=5952

452 on 22 Jun 2015

on this moment I found only one workaround, but in my opinion this is bad way

<p:treeNode>
    <h:outputText id="selectedCategoryNode" value="#{node}" />
    <p:droppable for="selectedCategoryNode" scope="tabletotree"
    datasource="nomenclatureTable" activeStyleClass="ui-state-highlight" tolerance="touch">
        <p:ajax listener="#{catalogBean.onDragDropTree}" update="nomenclatureTable msgs"/>
        <f:attribute name="category" value="#{node}" />
    </p:droppable>
</p:treeNode>
<!-- <p:dataTable id="nomenclatureTable" -->
<p:column id="drag" style="width:20px">
    <h:outputText id="dragIcon" styleClass="ui-icon ui-icon-arrow-4" />
    <p:draggable for="dragIcon" scope="tabletotree" revert="true" helper="clone" />
</p:column>

    public void onDragDropTree(DragDropEvent event) {
        FacesMessage message;
        try {
            Nomenclature nomenclature = (Nomenclature) event.getData();
            Nomenclature category;

            if (event.getComponent().getAttributes().get("category") instanceof String) {
                category = new Nomenclature(0L, "Номенклатура");
            } else {
                category = (Nomenclature) event.getComponent().getAttributes()
                        .get("category");
            }

            nomenclatureService.move(category, nomenclature);
            nomenclatureList = nomenclatureService.getNomenclature(parentId);
            message = new FacesMessage(FacesMessage.SEVERITY_INFO,
                    "Переміщення", "Номенклатура " + nomenclature
                            + " переміщена в категорію " + category);
        } catch (Exception e) {
            message = new FacesMessage(FacesMessage.SEVERITY_ERROR, "Помилка",
                    "Виникла помилка при переміщенні");
        }
        FacesContext.getCurrentInstance().addMessage(null, message);
    }

452 on 22 Jun 2015

👍3

Will this feature be added/implemented anytime soon?

h-arora on 4 Oct 2017

No plans but you can sponsor it via PrimeFaces Pro or provide a PR ;)

tandraschko on 4 Oct 2017

This issue is marked as stale because there was no activity on it for the last 2 years. Remove stale label or comment or this will be closed in 30 days