将属性显示为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开发人员可能已经添加了事件侦听器，而不必直接处理属性。