这篇文章主要介绍“GoJs中怎么使用HTML方法”，在日常操作中，相信很多人在GoJs中怎么使用HTML方法问题上存在疑惑，小编查阅了各式资料，整理出简单好用的操作方法，希望对大家解答”GoJs中怎么使用HTML方法”的疑惑有所帮助！接下来，请跟着小编一起来学习吧！本文将从提示信息、右键菜单、和文本编辑三个方面来体现gojs和html之间的交互。而对于html的使用交互过程中，最主要考虑到的就是html信息何时展示，何时隐藏.展示的时候展示到什么位置。而触发的这个在gojs中是HTMLInfo的show和hide属性。给show和hide绑定对应的回调函数。在前面的文章中提到过提示信息的展示(toolTip)，并且讲到了toolTip内部的不同绘图模板的的自定义类型。但是很多时候还是无法满足一些特殊的展示的样式，因此可以使用html渲染之后动态展示因此就可以了。使用方法如下show的回调函数s免费云主机域名howToolTip的两个参数，第一个是obj，通过obj.data可以获取到对应鼠标移入的节点数据。第二个参数为diagram，前面的文章中我们提到过，可以通过diagram.lastInput.viewPoint获取到鼠标触发该回调函数时候的位置对象数据，其内部为x,y属性。然后给该位置一个偏移量显示提示信息，就可以保证在鼠标的旁边展示。右键菜单和html的交互和提示信息的相似，都是通过绑定方法来控制位置的显示和隐藏。因此我们把contextMenu也配置成myToolTip。示例如下由上图可以看出在鼠标移出或者右键点击都可以触发提示信息，但是不同的是提示信息有默认显示的时间，并且会自动消失。但是右键点击的时候因为没有触发hideToolTip回调函数，因此不会自动消失，需要点击画布才能把提示消息显示消失。文本编辑的交互和提示信息略有不同。因为是文本编辑,所以必须是输入框类型的，但是还可以选select选择器进行有选项的编辑。下面以select为例，可以选择所有节点的text信息。其示例代码如下文本编辑的交互首先需要对new go.HTMLInfo()进行一个实例化，和上面一样也是通过show方法和hide方法进行一个显示隐藏的操作。然后通过go.Spot.TopLeft获取点击文本的左上角的位置。然后给创建的select定位一个相对的位置。然后通过new go.HTMLInfo()的valueFunction方法把select选中的option的值赋给编辑的文本TextBlock。从而实现一个文本编辑选择的过程。
到此，关于“GoJs中怎么使用HTML方法”的学习就结束了，希望能够解决大家的疑惑。理论与实践的搭配能更好的帮助大家学习，快去试试吧！若想继续学习更多相关知识，请继续关注百云主机网站，小编会继续努力为大家带来更多实用的文章！
相关推荐: Java怎么使用Optional实现优雅避免空指针异常
本文小编为大家详细介绍“Java怎么使用Optional实现优雅避免空指针异常”，内容详细，步骤清晰，细节处理妥当，希望这篇“Java怎么使用Optional实现优雅避免空指针异常”文章能帮助大家解决疑惑，下面跟着小编的思路慢慢深入，一起来学习新知识吧。空指针…
免责声明：本站发布的图片视频文字，以转载和分享为主，文章观点不代表本站立场，本站不承担相关法律责任；如果涉及侵权请联系邮箱：360163164@qq.com举报，并提供相关证据，经查实将立刻删除涉嫌侵权内容。
微信扫一扫 
