3D拓扑

HT for Web列表和3D拓扑组件的拖拽应用

纵然是瞬间 提交于 2019-12-10 06:09:46
很多可视化编辑器都或多或少有一些拖拽功能,比如从一个List列表中拖拽一个节点到拓扑组件上进行建模,并且在拖拽的过程中鼠标位置下会附带一个被拖拽节点的缩略图,那么今天我们就来实现这样的拖拽效果。 首先我们需要创建一个 List列表 ,在列表中加入图片信息,让List列表不那么单调,先来看看效果图。 接下来我们一步一步来是想这个List列表,先来解决下数据,在这里我就列举一两个: var products = [ { ProductId : 1, ProductName : "Chai", QuantityPerUnit : "10 boxes x 20 bags", UnitPrice : 18.00, Description : "Soft drinks, coffees, teas, beers, and ales" }, { ProductId : 2, ProductName : "Chang", QuantityPerUnit : "24 - 12 oz bottles", UnitPrice : 19.00, Description : "Soft drinks, coffees, teas, beers, and ales" }, …… ]; 有了数据,我们就可以来创建List组件了: var listView = new ht.widget.ListView(),