浮动对象如何添加自定义事件

收藏

坛主：你好！请问如何给浮动对象添加自定义事件？例如：我给浮动对象中添加了一个button 如何给这个button添加click事件。贵派给出的浮动对象的事件无法满足我们的开发需要。有何解决办法？

Alice · Alice

很抱歉给您带来的不便。
从您的描述来看，应该咨询的是SpreadJS的相关问题。我帮您移到对应的版块。

dexteryao · dexteryao

您好，能具体描述您的需求吗，加了button您需要做什么？
如下代码点击button后是由事件触发的
var div = document.createElement('div');
         div.innerHTML = "<span > <button onclick='alert(window)'>aaa</button>SpreadJS support CustomFloatingObject.</span><div style='border: 1px dotted red; width: 80%; margin:auto;'><ul><li>I am list one.</li><li>I am list two.</li><li>I am list three.</li></ul></div>";
         $(div).css('background', 'gray');
         customFloatingObject.Content(div);

福仔心 · 福仔心

dexteryao 发表于 2016-5-30 14:53
您好，能具体描述您的需求吗，加了button您需要做什么？
如下代码点击button后是由事件触发的
var div = ...

您好！感谢您的回复！
我们的需求就是在一个sheet页面中做一个类似html中Tab页面，其中有四个按钮，切换不同的按钮显示不同的是数据（您有什么好的建议吗？）。看到咱这个有浮动对象，还支持按钮，查看API，浮动对象没有对应的click事件。您的这种方法我回去试试。看样子是可以实现啦。

dexteryao · dexteryao

浮动对象其实就是一个浮动在页面前端的html对象，如果用不到浮动对象的一些事件其实可以自己加一个类似于bootstrap的模态框的元素浮于spread上，这样代码维护起来方便些。
有四个按钮切换展示不同数据，这个您可以做成和tab一样，每个按钮对应一个spread对象，这样好处是点击按钮切换不需要重新加载数据，只要控制哪一个spread显示就好了。
具体还是看您需求，找个合理方便的。

福仔心 · 福仔心

感谢您的回复！sheet的页面中，底部的sheet页面能否设置放置在sheet的头部实现。添加过个sheet，也可以实现tab页的效果，而且不再加载数据了。

福仔心 · 福仔心

这样显示能够实现的话那就太好了。您看看有没有对应的设置方法。谢谢

dexteryao · dexteryao

这个没有属性和方法可以设置，spreadjs设计时候就是按照Excel设计的。

您可以给上面放几个button 然后点击的时候调用spread.setActiveSheetIndex 然后显示对应的sheet

		自动登录	找回密码
密码			立即注册

[已处理] 浮动对象如何添加自定义事件

7 个回复

评分

活字格认证

微信认证勋章

元老葡萄

讲师达人

悬赏达人

SpreadJS 认证

SpreadJS 高级认证