jQuery MiniUI

标题: datagrid 滚动条问题 [打印本页]

作者: you_zhang 时间: 2019-4-25 16:06:20 标题: datagrid 滚动条问题

本帖最后由 you_zhang 于 2019-4-25 16:19 编辑

在前端使用mini.get(id).addRow(dataParam)，批量加入超过30条数据之后，滚动条只能下拉到第20条。其他数据通过滚动条显示不出来。但是通过浏览器的CTRL+F，可以检索被遮盖出的数据

作者: dforce 时间: 2019-4-25 16:21:42

是不是开了虚拟滚动，并且有修改过行高？

作者: you_zhang 时间: 2019-4-25 16:27:45

dforce 发表于 2019-4-25 16:21
是不是开了虚拟滚动，并且有修改过行高？

设置的是固定高度，没有修改过行高。

只是在同一个区域，有三个datagrid，根据需求，显示某一个。但是在dataggrid中addrow的时候，不会调整datagrid的显示问题。

作者: dforce 时间: 2019-4-25 17:07:34

you_zhang 发表于 2019-4-25 16:27
设置的是固定高度，没有修改过行高。

只是在同一个区域，有三个datagrid，根据需求，显示某一个。但是 ...

请提供简单html重现问题
http://www.miniui.com/demo/#src=datagrid/celledit.html像我们示例这样固定高度的表格，添加肯定是有滚动条的

作者: you_zhang 时间: 2019-4-25 18:14:08

dforce 发表于 2019-4-25 17:07
请提供简单html重现问题
http://www.miniui.com/demo/#src=datagrid/celledit.html像我们示例这样固定高 ...

定位问题，发现是datagrid的滚动条高度计算有问题，所以绘制表格后，重载datagrid的滚动条高度

// 表格渲染完毕事件
      datagridRoadDown.on("update",function(e){
         // 重新设置dataGrid的滚动条高度
         setGridVscrollHeight(e.sender.id);
      });

   // 重新设置dataGrid的滚动条高度
function setGridVscrollHeight(id) {
      var contentHeight = $($("#"+id).find("div[class*='mini-grid-vscroll-content']")[0]).height();
      if (contentHeight != 0) {
         var data = mini.get(id).getData();
         var height = (data.length) * 37;
         $($("#"+id).find("div[class*='mini-grid-vscroll-content']")[0]).height(height);
      }
}

欢迎光临 jQuery MiniUI (http://miniui.com/discuss/)