7.0 根据页面高度动态设置Iframe高度

fqelven · fqelven

本帖最后由 fqelven 于 2021-8-12 20:45 编辑

不是打印功能，就是需要实现一个简单的双层图文列表，可惜活字格不支持，我真的要吐槽一下，这个功能必须尽快安排上，太受限了。
我在做一个OKR系统，Objective + Key Results，每个人有多个O，每个O又带有多个KR，客户要求按照个人一次性展示Ta所有的O和KR，类似飞书OKR的界面。而且还要可编辑。你让我怎么弄？

fqelven · fqelven

最后还是弄出了一个大概的效果，会根据iframe中的内容自动调整大小，如果点页面内的删除按钮也会再次调整大小。虽然代码有点不怎么好看，但好歹实现了基本效果。下一步就是慢慢优化也美化UI。
还是点击“html插件内显示演示”和“生成图文列表”。

分享在这里给其他需要的朋友。

lovert · lovert

fqelven 发表于 2021-8-12 20:37
最后还是弄出了一个大概的效果，会根据iframe中的内容自动调整大小，如果点页面内的删除按钮也会再次调整大 ...

我昨天还在找方法，下载下来看看代码本来就是不好看，需求达到了就行

lovert · lovert

本帖最后由 lovert 于 2021-8-13 08:45 编辑

dv = document.getElementById("r1c0p_div");
可以改成
dv =$('[fgcname="html"]')[0];

lovert · lovert

本帖最后由 lovert 于 2021-8-13 08:50 编辑

//设置高宽单位像素，就是模板行列宽像素总和+1；
var Vheight=361;
var Vwidth=602;//301;
//填写文图列表模板页页面名称
var tuwenname="moban";
//设置显示条数
var n=Forguncy.Page.getCell("nn").getValue()-1;
var m=Forguncy.Page.getCell("mm").getValue()-1;
if(n==""||m==""){n=0;m=10;}//默认显示前十条
Forguncy.getTableDataByOData("规范标准?$select=ID&$orderby=ID asc",
//获取成功的情况
function (data) { //开始
var bodykkm="";
if(m>data.length){m=data.length;}
for (i = n; i <m; i++) {
var a=Forguncy.Helper.SpecialPath.getBaseUrl()+tuwenname+"?ID="+data[i]["ID"];
bodykk='<iframe id="frame'+data[i]["ID"]+'" height="'+Vheight+'" width="'+Vwidth+'" scrolling="yes" frameborder="0" src="'+a+'" onload="resizeIframe(this)" ></iframe>'
bodykkm=bodykkm+bodykk;
}
dv =$('[fgcname="html"]')[0];
dv.innerHTML = bodykkm;
},
// 结束，获取失败的情况
function (errorMessage) {
alert(errorMessage);
});