2016-01-06 49 views
1

我有一個啓用了拖放插件的JsTree。我也在使用角度指令,https://github.com/ezraroi/ngJsTreeJsTree拖放 - 移動時不顯示圖標

所有工作正常,但移動時不顯示正在移動的節點。儘管拖動工作正在進行,但你無法看到你正在丟失的東西(看起來好像你什麼也沒有移動)。

該文檔似乎並不需要任何特殊的東西來完成這項工作。

這裏是我的配置:

var typesConfig = { 
      '#': { 
       "valid_children": ["Department"], 
       'icon': 'fa fa-circle icon-root' 
      }, 

      "Department": { 
       'icon': 'fa fa-circle icon-department', 
       "valid_children": ["Category"] 
      }, 
      "Category": { 
       'icon': 'fa fa-circle icon-category', 
       "valid_children": ["Subcategory"] 
      }, 
      "Subcategory": { 
       'icon': 'fa fa-circle icon-subcategory', 
       "valid_children": [] 
      } 
     }; 

     $scope.treeConfig = { 
      core: { 
       multiple: false, 
       animation: 200, 
       check_callback: true 
      }, 
      dnd: { 

      }, 
      types: typesConfig, 
      version: 1, //Used by the angular directive 
      plugins: ['types', 'dnd'] 
     }; 

HTML:

<div id="jstreeDep" class="tree-scroll" js-tree="treeConfig" ng-model="treeData" should-apply="listen()" tree-events="changed:selectionChanged; before_open:nodeOpenCallback"></div> 

樣本節點對象:{ "dataId":1, "text":"Some text", "type":"Department", "isDeletable":true, "sortIndex":0, "parentId":0 }

我曾嘗試刪除所有事件,樹滾動類,下載jstree從nuget和網站的lib,刪除類型插件,沒有任何工作。任何幫助表示讚賞。

回答

1

要顯示拖動jsTree創建一個ID爲vakata-dnd的臨時股利。您使用的庫之間可能存在一些css衝突。嘗試通過添加#vakata-dnd一些非凡的樣式來重寫該div的默認樣式,如最新加載的css中的紅色背景顏色,看看是否有幫助。

+0

感謝您的回答,今天我會嘗試並讓您知道 – Charbel

+0

原因是某些原因導致圖像丟失。你的回答讓我找到原因。謝謝! – Charbel