From a864e8b58aacb4e8253b5254a9bc42c46e34a6c2 Mon Sep 17 00:00:00 2001
From: hieplq <hieplq@hasuvimex.vn>
Date: Mon, 17 Jul 2017 23:17:37 +0700
Subject: [PATCH] IDEMPIERE-3426:improve tab behavior

drag&drop effect
---
 org.adempiere.ui.zk/index.zul | 23 ++++++++++++++++++++++-
 1 file changed, 22 insertions(+), 1 deletion(-)

diff --git a/org.adempiere.ui.zk/index.zul b/org.adempiere.ui.zk/index.zul
index 7de2c9752b..20f59596ab 100644
--- a/org.adempiere.ui.zk/index.zul
+++ b/org.adempiere.ui.zk/index.zul
@@ -16,7 +16,28 @@ Copyright (C) 2007 Ashley G Ramdass.
 			zk._Erbx.push = function(msg) {
 				if (console) console.log(msg);
 			};
-			
+
+            // default non th, tr, td use clone method to create ghost element
+            // this code implement same behavior for li to get drag-drop effect
+            // still have room for improve: https://www.zkoss.org/wiki/ZK_Client-side_Reference/Customization/Drag-and-Drop_Effects  
+			var superghost = zk.DnD.ghost;
+            zk.DnD.ghost = function (drag, ofs, msg) {
+                if (msg == null && drag.node){
+                    var dragNode = jq(drag.node)[0];
+                    var dragWg = zk.Widget.$(dragNode);
+                    
+                    var textNote = dragWg.$n('real') || dragWg.getCaveNode();
+                    
+                    if (jq.nodeName(dragNode, 'li')){
+                        msg = textNote ? textNote.textContent || textNote.innerText || '' : '';
+                    }
+                }
+                
+                return superghost(drag, ofs, msg);
+            };
+            
+            
+
 			zk.$package('id.zk');
 			
 			id.zk.Extend = zk.$extends(zk.Object, {}, {