Luckysheet
Luckysheet copied to clipboard
支持创建多个luckysheet实例,相互隔离
您的功能请求与问题有关吗?
描述您想要的解决方案
其他内容
@sanmuw 你怎么解决了最后?
在react中,通过组件创建不同的id 实现隔离
我也试了,但是不起作用啊
不起作用啊!!!! 第二个实例有创建,第一个实例没创建!!!! 以下是代码: // 引入文件 忽略 // html
<div class="configTable">
<div id="luckysheet1" class="luckysheet1"></div>
<!-- <iframe id="luckysheet1" src="luckysheet.html"></iframe> -->
</div>
<div class="configTable">
<div id="luckysheet2" class="luckysheet2"></div>
<!-- <iframe id="luckysheet2" src="luckysheet.html"></iframe> -->
</div>
// js // 成品尺寸 luckysheet.create({ container: 'luckysheet1', // 指定容器元素的 ID title: "成品尺寸" });
// 物料详情 luckysheet.create({ container: 'luckysheet2', title: '物料详情' }) 只有物料详情这个表格有生成,到底啥原因啊??
用的vue2框架。
我也是这样,现在怎么样了
如果在页面上的视图不需要同时展示多个lucksheet实例的话,可以只保留一个lucksheeet实例,切换的时候,只负责数据渲染更新
我这要同时展示多个实例
那你这个麻烦了。在源码中有不少是以id命名的dom 在多个实例的时候,id大概率会重复,导致出现问题
那你这个麻烦了。在源码中有不少是以id命名的dom 在多个实例的时候,id大概率会重复,导致出现问题
请问目前有办法解决这个问题吗?
@AIM-1993 可以通过iframe隔离实例,实现多个luckysheet在一个页面
那你这个麻烦了。在源码中有不少是以id命名的dom 在多个实例的时候,id大概率会重复,导致出现问题
请问目前有办法解决这个问题吗?
http://101.133.143.249/Blog/#/Preview/PreviewBlog/7636cbfe-8c29-4063-b3b7-1f0702fa011e 通过微前端或者iframe可以解决
我用iframe实现了一个demo, 代码在 这里
我用iframe实现了一个demo, 代码在 这里
感谢,但是业务需要的是实现一个表格比对,并且涉及一些差异的关联切换等功能,这样虽然理论上隔离生成了多个luckysheet实例,但是数据交互会不会有点麻烦了~
我用iframe实现了一个demo, 代码在 这里
感谢,但是业务需要的是实现一个表格比对,并且涉及一些差异的关联切换等功能,这样虽然理论上隔离生成了多个luckysheet实例,但是数据交互会不会有点麻烦了~
你看下demo,我觉得数据交互不会麻烦。数据的交互都是在主项目的层面。
我用iframe实现了一个demo, 代码在 这里
感谢,但是业务需要的是实现一个表格比对,并且涉及一些差异的关联切换等功能,这样虽然理论上隔离生成了多个luckysheet实例,但是数据交互会不会有点麻烦了~
你看下demo,我觉得数据交互不会麻烦。数据的交互都是在主项目的层面。
学习了,确实是个比较不错的方案,如果数据量比较大的情况下,iframe会不会有性能影响呢?
我用iframe实现了一个demo, 代码在 这里
感谢,但是业务需要的是实现一个表格比对,并且涉及一些差异的关联切换等功能,这样虽然理论上隔离生成了多个luckysheet实例,但是数据交互会不会有点麻烦了~
你看下demo,我觉得数据交互不会麻烦。数据的交互都是在主项目的层面。
学习了,确实是个比较不错的方案,如果数据量比较大的情况下,iframe会不会有性能影响呢?
我的理解是,数据量比较大会不会影响性能,跟是不是iframe的关系不是很大。就算luckysheet自己支持一个页面多实例,数据量大的时候还是会有性能问题吧。具体可能要用大数据量来试了遇到才知道,我的愚见