通过iframe引入的spread空间中添加多个表格部分

收藏

点击左边tab 添加到右边表格部分,s实现多tab切换功能，点击表格显示对应数据
点击中部tab栏切换右下方表格部分对应显示隐藏

image.png11812743.png

var newSpread = spreadIframe.window.$(spreadIframe.window.$('#ss' + data_id)).data("workbook");
console.log(newSpread);

起初是想通过js添加 <div id="ss${data_id}" class="recent ss fill gc-no-user-select" gcuielement="gcSpread"></div>
在获取newSpread 对象  进行接下来的操作但是打印的newSpread  为undefined

怎样才能添加多个spread 表格部分到页面中  右上控件部分不变

Clark.Pan · Clark.Pan

您好，因为您是通过iframe去绘制页面，页面是不能之间去拿iframe中的对象的，您必须先获取整个iframe对象，然后再通过iframe对象去获取对象中的元素。
例如：
document.getElementById('iframe的ID').contentWindow.document.getElementById('元素的ID')

Jobcrazy · Jobcrazy

ClarkPan 发表于 2017-6-12 11:29
您好，因为您是通过iframe去绘制页面，页面是不能之间去拿iframe中的对象的，您必须先获取整个iframe对象， ...

获取到iframe子页面中的对象我知道
类似 var $navItem = $(window.frames["spreadIframe"].document).contents().find("div.sheetTabName").children('.current'); 这样就可以
主要我是想在一个页面中能有多个spread表格部分而上方的功能控件不变就行了

Clark.Pan · Clark.Pan

Jobcrazy 发表于 2017-6-12 13:17
获取到iframe子页面中的对象我知道
类似 var $navItem = $(window.frames["spreadIframe"].document). ...

您好，关于您的问题，我们的在线表格编辑器是提供源码的，您可以在源码中自行实现您的逻辑，需要注意的是就是在设计器中切换是必须保证其中的设计器中的spread对象一同切换。还有一种简单办法是您的每一个iframe对象都集成一个设计器，那么切换仅仅就是iframe的显示和隐藏。

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

[已处理] 通过iframe引入的spread空间中添加多个表格部分

3 个回复

浏览过的版块

讲师达人

悬赏达人

微信认证勋章

SpreadJS 认证

SpreadJS 高级认证

元老葡萄