Drag-and-Drop-raster auf einem panel

Ich habe ein panel und in der Systemsteuerung habe ich drei Netze.
Ich möchte in der Lage sein zu verschieben Sie das raster durch ziehen und ablegen.
Ich habe die draggable: true und enableDragDrop: stimmt, das scheint mir zu erlauben, ziehen Sie aber nicht fallen.

Jeder genius Hilfe wird sehr geschätzt.

  • Ich habe nicht viel Erfahrung, aber die Einstellung dieser Parameter werden lassen, ziehen Sie das raster, wie Sie erleben können. Um zu "fallen", ich glaube, Sie brauchen, um eine drop-Bereich, um zu sagen, wo Sie wollen das raster fallen zu lassen, in welchem Bereich. Ich denke, dieses Beispiel über Krankenhäuser und Patienten nützlich sein kann, versuchen Sie, um zu sehen: dev.sencha.com/deploy/dev/examples/dd/dragdropzones.html
InformationsquelleAutor mmrs151 | 2010-10-07
  1. 5

    Um etwas fallen lassen, das gezogen werden kann, müssen Sie definieren, ein Ext.dd.DropTarget oder Ext.dd.DropZone und definieren Sie das Verhalten, das Sie wollen, wenn das item gelöscht wird. Verwenden DropZone wenn es mehrere drop-targets in einer zone, die mit den drop anders, aber es klingt wie Sie wollen DropTarget, die benutzt wird, fallen auf ein einzelnes element (wie in Ihrem panel).

    Machen eine gesamte panel in der Lage sein zu fallen Dinge auf, übergeben Sie das panel in den Konstruktor von DropTarget und überschreiben Sie die notifyDrop Funktion:

    var panelDropTarget = new Ext.dd.DropTarget(panel, {
    notifyDrop: function(dragsource, event, data) {
        //do something with the dragsource
    }
});

    Den dragsource ist an die Funktion übergeben wird, haben Ihre Gitter drin (ich denke, es wird dragsource.panel, aber verwenden Sie Firebug Debuggen, um zu bestimmen, genau das, was das source-Objekt hat in der it).

    Sobald Sie einen Griff auf dem raster, können Sie es neu anordnen im panel, bewegen itsomewhere, oder definieren Sie, was Verhalten, das Sie möchten.

    InformationsquelleAutor Sean Adkinson
Schreibe einen Kommentar