draggable.toolbar.DragZone: add the "neo-draggable" cls to dynamically inserted items #1289

Author: tobiu

docs/app/view/ContentTabContainer.mjs

@@ -55,9 +55,9 @@ class ContentTabContainer extends Container {
             }
         }],
         /**
-         * @member {Boolean} sortable=false
+         * @member {Boolean} sortable=true
          */
-        sortable: false
+        sortable: true
     }}
 
     /**

src/draggable/toolbar/DragZone.mjs

@@ -40,6 +40,8 @@ class DragZone extends BaseDragZone {
 
         owner.domListeners = domListeners;
 
+        owner.on('insert', me.onItemInsert, me);
+
         me.adjustToolbarItemCls(true);
     }
 
@@ -102,6 +104,19 @@ class DragZone extends BaseDragZone {
             me.dragStart(data);
         }
     }
+
+    /**
+     * @param {Object} data
+     * @param {Number} data.index
+     * @param {Neo.component.Base} data.item
+     */
+    onItemInsert(data) {
+        let item = data.item,
+            cls  = item.cls || [];
+
+        NeoArray.add(cls, 'neo-draggable');
+        item.cls = cls;
+    }
 }
 
 Neo.applyClassConfig(DragZone);