将属性显示为 x3dom 对象的表

Question

我从 X3DOM 开始，并试图找到一种方法来显示存储在客户端数据库中的 X3DOM 对象的属性数据。查询数据并获取 3D 对象并不困难，但目前在单击该对象时无法在弹出窗口中获取其属性数据。如果有人能在这方面帮助我，我将不胜感激。我尝试为此寻找教程，但找不到任何教程。如果有人有他们认为有帮助的链接，请同时提供链接。我自己也在搜索相关材料。提前谢谢你。

Answer 1

将侦听器附加到 X3D 对象的一种方法是设置其事件属性，例如onclick属性(或onmouseover，onmouseout...)。

您可以在服务器的服务页面中执行此操作，也可以动态执行此操作。

假设您有一个形状：

<shape onclick=​"return window.MyComponent && typeof window.MyComponent.showData === 'function' ? MyComponent.showData(this) : true​;​​">​…​</shape>​

和一个 JS 组件：

;(function(root) {
"use strict";
root.MyComponent = {
showData: function(shape) {
/* - do your data retrieval here
- in case you have jQuery: $(shape).data()
- there you also decide what your click handler returns
to keep event propagation or not */
}
}
})(this);

单击形状将触发MyComponent.showData(this)this是形状的位置，您将能够在组件中使用此元素及其属性。

X3DOM 开发人员可能已经添加了事件侦听器添加，而不必直接处理属性。