-
-
八号当铺 初学数据Lv2
发表于2022-11-28 15:10
悬赏1
已解决
楼主
数据区域，超过一屏后，滚动显示，但是滚动显示的数据不全，始终是少两行数据，然后就又重头滚动了；
最近看过此主题的会员
最佳答案
八号当铺 发表于 2022-11-28 16:36
我把标题删掉了，把容器整个向上移了移，就可以滚动显示全了，但是不知道问题出在哪里了？
...
您的容器的高度设置500多px，容器外的布局单元格设置的是百分比，那就是根据屏幕的分辨率来的。当外层布局单元格的高度小于500多px的时候，就会出现一部分容器被盖住了，所以显示不全。
12个回答
您这是在分析报表上设置了表格轮播脚本嘛https://bbs.esensoft.com/thread-131595-1-1.html
表格外有没有布局或者容器，检查一下是否是外层的容器大小 大于更外层的布局大小
一点一点 发表于 2022-11-28 15:16
您这是在分析报表上设置了表格轮播脚本嘛https://bbs.esensoft.com/thread-131595-1-1.html
表格外有没有 ...
一个是容器，一个是布局单元格，如何比较他们的大小呢？
下面是门户里面的源代码，哪部分是控制滚动的呢？
<page>
<body>
<div data-id='page' data-role='page' data-droppable='#container' style='overflow: auto; background-color: transparent; background-position: center center; background-repeat: repeat; width: 100%; height: 100%; position: relative;'>
<div data-id='container1' data-role='container-grid' data-layout='{"rowheights":[-1],"colwidths":[-1],"gap":0,"hgap":3,"vgap":3}' _selectabletype_='false' class='grid_container' style='position: relative; user-select: none; width: 1667px; height: 826px; background-color: rgb(3, 21, 50); opacity: 1; background-position: center center; background-repeat: repeat; border-width: 0px; border-style: none; border-color: transparent; overflow: hidden;'>
<div data-id='cell1' data-role='container-cell' data-locate='fixed' data-layout='{"rowspan":1,"colspan":1}' data-droppable='#both' class='cell_container' style='position: absolute; background-color: transparent; opacity: 1; background-position: center center; background-repeat: repeat; padding: 0px; border-width: 0px; border-style: none; border-color: transparent; inset: 0px;'>
<div data-id='container2' data-role='container-grid' data-layout='{"rowheights":[-0.07,-0.93],"colwidths":[-1],"gap":0,"hgap":3,"vgap":3}' _selectabletype_='false' class='grid_container' style='position: relative; user-select: none; width: 1665px; height: 824px; background-color: transparent; opacity: 1; background-position: center center; background-repeat: repeat; border-width: 0px; border-style: none; border-color: transparent; overflow: hidden;'>
<div data-id='cell2' data-role='container-cell' data-layout='{"rowspan":1,"colspan":1}' data-droppable='widget' class='cell_container' style='position: absolute; background-color: transparent; background-position: center center; background-repeat: repeat; padding: 0px; border-width: 0px; border-style: none; border-color: transparent; opacity: 1; inset: 0px 0px 765px;'>
<div data-id='menu1' data-role='widget' widget-id='widget_menu' class='container_layout_flow'>
<ul data-name='menucontainer' _selectabletype_='false' class='guidebar guidebar-coolbluebigicon' style='user-select: none;'>
<li class='guidebar-item' gbitem='xgbitem_8126896247267723' style='background-color: transparent;'>
<a class='guidebar-anchor' href='../../resource/EANA$2$2$1$1b6537ab18464f50b7f812d207753bdc$96f48c85db16418590b2a294b0c2b1f8?calcnow=true&showmenu=true' target='iframe1' title='?calcnow=true&showmenu=true' style='color: rgb(0, 123, 187);'>
<i class='guidebar-icon eui-icon' style='display: none'/>
<span class='guidebar-text'>一体机装配</span>
</a>
<div class='guidemenu guidemenu-coolbluebigicon' _selectabletype_='false' style='display: none; user-select: none; background: rgb(0, 123, 187);'/>
</li>
<li class='guidebar-item' gbitem='xgbitem_6596902534365654' style='background-color: transparent;'>
<a class='guidebar-anchor' href='../../resource/EANA$2$2$1$1b6537ab18464f50b7f812d207753bdc$3a3f9e8ea038490abf6b5f0a426cf4c8?calcnow=true&showmenu=true' target='iframe1' title='?calcnow=true&showmenu=true' style='color: rgb(0, 123, 187);'>
<i class='guidebar-icon eui-icon' style='display: none'/>
<span class='guidebar-text'>一体机检测</span>
</a>
<div class='guidemenu guidemenu-coolbluebigicon' _selectabletype_='false' style='display: none; user-select: none; background: rgb(0, 123, 187);'/>
</li>
<li class='guidebar-item' gbitem='xgbitem_14611461013555527' style='background-color: transparent;'>
<a class='guidebar-anchor' href='../../resource/EANA$2$2$1$1b6537ab18464f50b7f812d207753bdc$a81d0c5d0f3f4cedb1b78c4a9c7cbd58?calcnow=true&showmenu=true' target='iframe1' title='?calcnow=true&showmenu=true' style='color: rgb(0, 123, 187);'>
<i class='guidebar-icon eui-icon' style='display: none'/>
<span class='guidebar-text'>控制柜装配</span>
</a>
<div class='guidemenu guidemenu-coolbluebigicon' _selectabletype_='false' style='display: none; user-select: none; background: rgb(0, 123, 187);'/>
</li>
<li class='guidebar-item' gbitem='xgbitem_9900074526667595' style='background-color: transparent;'>
<a class='guidebar-anchor' href='../../resource/EANA$2$2$1$1b6537ab18464f50b7f812d207753bdc$f33eadd353834db2b628df2e0b734cc9?calcnow=true&showmenu=true' target='iframe1' title='?calcnow=true&showmenu=true' style='color: rgb(0, 123, 187);'>
<i class='guidebar-icon eui-icon' style='display: none'/>
<span class='guidebar-text'>控制柜检测</span>
</a>
<div class='guidemenu guidemenu-coolbluebigicon' _selectabletype_='false' style='display: none; user-select: none; background: rgb(0, 123, 187);'/>
</li>
<li class='guidebar-item' gbitem='xgbitem_8247482404112816' style='background-color: transparent;'>
<a class='guidebar-anchor' href='../../resource/EANA$2$2$1$1b6537ab18464f50b7f812d207753bdc$c320d4ef6ec34076b7b843173b042f08?calcnow=true&showmenu=true' target='iframe1' title='?calcnow=true&showmenu=true' style='color: rgb(0, 123, 187);'>
<i class='guidebar-icon eui-icon' style='display: none'/>
<span class='guidebar-text'>收货待检验</span>
</a>
<div class='guidemenu guidemenu-coolbluebigicon' _selectabletype_='false' style='display: none; user-select: none; background: rgb(0, 123, 187);'/>
</li>
</ul>
</div>
</div>
<div data-id='cell3' data-role='container-cell' data-layout='{"rowspan":1,"colspan":1}' data-droppable='widget' class='cell_container' style='position: absolute; background-color: transparent; opacity: 1; background-position: center center; background-repeat: repeat; padding: 0px; border-width: 0px; border-style: none; border-color: transparent; inset: 60px 0px 0px;'>
<div data-id='iframe1' data-role='widget' widget-id='widget_iframe' data-droppable='resource' class='container_layout_flow' style='padding: 2px; background-color: transparent; opacity: 1; border-width: 0px; border-style: none; border-color: transparent; background-position: center center; background-repeat: repeat; width: 1659px; height: 749px;'>
<iframe data-name='iframe' frameborder='0' marginheight='0' marginwidth='0' name='iframe1' src='../../resource/EANA$2$2$1$1b6537ab18464f50b7f812d207753bdc$96f48c85db16418590b2a294b0c2b1f8' style='height:100%;width:100%;border:none'/>
</div>
</div>
</div>
</div>
</div>
</div>
</body>
<style></style>
<script></script>
<properties>
<![CDATA[
{
"container1": {
"data-props": "bgcolor:#031532;opacity:0;bgimg:;bgposition:center center;bgrepeat:repeat;border:\"bw=0,0,0,0;bs=none,none,none,none;bc=transparent,transparent,transparent,transparent\";id:container1"
},
"cell1": {
"data-props": "bgcolor:transparent;opacity:0;bgimg:;bgposition:center center;bgrepeat:repeat;padding:0;border:\"bw=0,0,0,0;bs=none,none,none,none;bc=transparent,transparent,transparent,transparent\";id:cell1"
},
"container2": {
"data-props": "bgcolor:transparent;opacity:0;bgimg:;bgposition:center center;bgrepeat:repeat;border:\"bw=0,0,0,0;bs=none,none,none,none;bc=transparent,transparent,transparent,transparent\";id:container2"
},
"cell2": {
"data-props": "bgcolor:transparent;opacity:0;bgimg:;bgposition:center center;bgrepeat:repeat;padding:0;border:\"bw=0,0,0,0;bs=none,none,none,none;bc=transparent,transparent,transparent,transparent\";id:cell2"
},
"menu1": {
"data-props": "menustyle:coolbluebigicon;gnc:#007BBB;ghc:#FFFFFF;gnbgc:transparent;ghbgc:#007BBB;mnc:;mhc:#007BBB;mnbgc:#007BBB;mhbgc:#007BBB;activemenu:0;connxtab:;connidx:0;evt_onload:;id:menu1",
"widget-id": "widget_menu",
"content-editor": "{\"type\":\"menueditor\"}"
},
"cell3": {
"data-props": "bgcolor:transparent;opacity:0;bgimg:;bgposition:center center;bgrepeat:repeat;padding:0;border:\"bw=0,0,0,0;bs=none,none,none,none;bc=transparent,transparent,transparent,transparent\";id:cell3"
},
"iframe1": {
"data-props": "width:1659px;height:749px;bgcolor:transparent;opacity:0;border:\"bw=0,0,0,0;bs=none,none,none,none;bc=transparent,transparent,transparent,transparent\";bgimg:;bgposition:center center;bgrepeat:repeat;contentpadding:2;src:../../resource/EANA$2$2$1$1b6537ab18464f50b7f812d207753bdc$96f48c85db16418590b2a294b0c2b1f8;id:iframe1",
"widget-id": "widget_iframe",
"content-editor": "{\"ppt\":\"src\"}"
},
"page": {
"data-props": "title:新门户;bgcolor:transparent;bgimg:;bgposition:center center;bgrepeat:repeat;onload:\"//设置轮播频率，5*1000代表5s切换一次\nvar intervalTime = 60 * 1000;\n\nvar menus = [];\nvar menusDom = $(\"\"div[widget-id='widget_menu']\"\");\nfor(var x=0,len=menusDom.length;x<len;x++){\n\tvar links = $(menusDom[x]).find(\"\"a\"\");\n\tif(links.length > 0){\n\t\tmenus.push(menusDom[x]);\n\t}\n}\nif(menus.length < 1){\n\treturn;\n}\nvar cell2Dom = $(\"\"div[data-id='cell2']\"\")[0]; \nvar button = document.createElement(\"\"button\"\");\nbutton.setAttribute(\"\"type\"\",\"\"button\"\");\nEUI.addClassName(button, \"\"eui-btn eui-btn-m eui-btn-sub\"\");\nbutton.innerHTML = \"\"停止轮播\"\";\nbutton.style.cssText += \"\"position:absolute;top:10px;right:10px;\"\";\ncell2Dom.appendChild(button);\n\nvar state = true;\n$(button).bind(\"\"click\"\",function(){\n\tif(state){\n\t\twindow.clearInterval(intervalFunc); \n\t\tbutton.innerHTML = \"\"开启轮播\"\";\n\t\tstate = false;\n\t}else{\n\t\tintervalFunc = window.setInterval(switchPicture.bind(this), intervalTime);\n\t\tbutton.innerHTML = \"\"停止轮播\"\";\n\t\tstate = true;\n\t}\n});\n\nvar menuid = menus[0].getAttribute(\"\"data-id\"\");\nvar menuWidget = $p.$(menuid);\nvar widget = menuWidget.getComponent();\nvar property = widget._property;\nvar itemnames = property.itemnames;\nvar items = property.items;\n\nvar index = 1;\nvar len = itemnames.length;\nvar switchPicture = function(){\n\tvar locatepath = [];\n\twidget.doClick(itemnames[index]);\n\tvar item = items[itemnames[index]];\n\tvar iframe = $p.$(item.target);\n\tiframe.setUrl(item.href);\n\tindex ++;\n\tif(index >= len){\n\t\tindex = 0;\n\t}\n}\nvar intervalFunc = window.setInterval(switchPicture.bind(this), intervalTime);\";script:;id:page"
}
}
]]>
</properties>
</page>
八号当铺 发表于 2022-11-28 16:11
一个是容器，一个是布局单元格，如何比较他们的大小呢？
下面是门户里面的源代码，哪部分是控制滚动的 ...
您这个是分析报表的表格轮播吧，看下分析报表的高级-脚本里有没有写脚本
八号当铺 发表于 2022-11-28 16:11
一个是容器，一个是布局单元格，如何比较他们的大小呢？
下面是门户里面的源代码，哪部分是控制滚动的 ...
您这个分析表单独拿出来计算，不从门户中计算，效果是不是正常的。
如果单独计算分析表也有几行不展示，那就检查分析表的容器、布局大小等。否则就检查门户。
一点一点 发表于 2022-11-28 16:21
您这个分析表单独拿出来计算，不从门户中计算，效果是不是正常的。
如果单独计算分析表也有几行不展示， ...
我把标题删掉了，把容器整个向上移了移，就可以滚动显示全了，但是不知道问题出在哪里了？
一点一点 发表于 2022-11-28 16:20
您这个是分析报表的表格轮播吧，看下分析报表的高级-脚本里有没有写脚本
...
高级-脚本里是有语句的：
/***
**表格内容自动轮播脚本
**@param tableDom内容滚动的表格，最好是表格的父DIV
**@param visibleHeight 可视区的高度
***/
function autoScrollTable(tableDom, visibleHeight) {
var marqueesHeight = visibleHeight;
var stopscroll = false;
var scrollElem = tableDom;
var preTop = 0;
var currentTop = 0;
var stoptime = 0;
with (scrollElem) {
style.height = parseFloat(marqueesHeight) + "px";
style.overflow = 'hidden';
noWrap = true;
}
var scrollUp = function () {
if (stopscroll) {
setTimeout(scrollUp, 50);
return;
}
currentTop += 1;
if (currentTop == (marqueesHeight + 1)) {
stoptime += 1;
currentTop -= 1;
if (stoptime == 1) {
currentTop = 0;
stoptime = 0;
}
} else {
preTop = scrollElem.scrollTop;
scrollElem.scrollTop += 1;
if (preTop == scrollElem.scrollTop) {
scrollElem.scrollTop = 0;
scrollElem.scrollTop += 1;
}
}
setTimeout(scrollUp, 50);
};
var restartScroll = function () {
scrollElem.scrollTop = 0;
setTimeout(scrollUp, 50);
};
jQuery(tableDom).hover(function () {
stopscroll = true;
}, function () {
stopscroll = false;
});
setTimeout(restartScroll, 2000);
}
autoScrollTable(document.getElementById('GRID3'),document.getElementById("HHH6").clientHeight);
八号当铺 发表于 2022-11-28 16:36
我把标题删掉了，把容器整个向上移了移，就可以滚动显示全了，但是不知道问题出在哪里了？
...
您的容器的高度设置500多px，容器外的布局单元格设置的是百分比，那就是根据屏幕的分辨率来的。当外层布局单元格的高度小于500多px的时候，就会出现一部分容器被盖住了，所以显示不全。
一点一点 发表于 2022-11-28 17:23
您的容器的高度设置500多px，容器外的布局单元格设置的是百分比，那就是根据屏幕的分辨率来的。当外层布 ...
我调整了一下布局和容器的位置，然后把这个参数由布局HHH6改成了容器HHH11，现在可以显示全了；
还有个问题，就是数据滚动到最后一行的时候，如何能让它停留一些时间，或者增加两行空白行也行，让数据能够有时间看
八号当铺 发表于 2022-11-29 14:09
我调整了一下布局和容器的位置，然后把这个参数由布局HHH6改成了容器HHH11，现在可以显示全了；
还有 ...
您说的加几个空白行是可以的，
也可以联系项目组提定制来修改脚本。
或者把滚动速度变慢点看会不会改善
