tree 控件,容器高度变化后,tree数据显示不全

xqy

tree 控件,容器高度变化后,tree数据显示不全

如图

选择 tree 中的数据, 展示在tree的上方,tree的容器就变矮了,

tree 的列表向下拉时,最后几行显示不出来

liangyongfei

应该是ｓｃｒｏｌｌＶｉｅｗ　组件默认全局显示的原因！
你可以放一个ｐａｎｅｌ组件！按钮都放在ｔｏｐ中，top可设置固定高度
tree组件放在content 里面
这样上下布局就可以了！

或者scrollView外层设置固定高度，别让他占全局！

xqy

liangyongfei 发表于 2017-11-16 17:10
应该是ｓｃｒｏｌｌＶｉｅｗ　组件默认全局显示的原因！
你可以放一个ｐａｎｅｌ组件！按钮都放在ｔｏｐ中 ...

那些按钮的数量是会根据选择 tree 中的数据 来变化的;

所以高度也会变化的;

如果高度不变,  其实也就没有这个问题;

xqy

liangyongfei 发表于 2017-11-16 17:10
应该是ｓｃｒｏｌｌＶｉｅｗ　组件默认全局显示的原因！
你可以放一个ｐａｎｅｌ组件！按钮都放在ｔｏｐ中 ...

1. <div component="$model/UI2/system/components/justep/scrollView/scrollView" supportpulldown="true" supportpullup="true"
   
2.         class="x-scroll cZNbMJb" xid="scrollView1" data-bind="component:{name:'$model/UI2/system/components/justep/scrollView/scrollView'}"
   
3.         data-config="{"bounce":true,"hScroll":false,"hScrollbar":false,"vScroll":true,"vScrollbar":true}" __cid="cZNbMJb"
   
4.          id="__baseID___scrollView1"
   
5.          style="position: relative; transition-property: transform; transform-origin: 0px 0px 0px; <font size="5" color="#ff0000">transform: translate(0px, -667px)</font><font size="5" color="#ffa500"> </font>scale(1) translateZ(0px);">
   
6.    
   
7.    
   
8.     <ul class="x-tree-template x-scroll-content cZNbMJb" xid="treeTemplateUl1">
   
9.           <li>
   
10.                 ...
    
11.          </li>
    
12.            ...
    
13.     </ul>

复制代码

主要是  容器的高度变化后 ,scrollview 的 translate 的计算值 没有变化;

点击 tree 的跳转,再跳转回来,这个值就变化了,就没有显示不够的情况了;

这个有啥办法吗

liangyongfei

xqy 发表于 2017-11-16 17:52
主要是  容器的高度变化后 ,scrollview 的 translate 的计算值 没有变化;

点击 tree 的跳转,再跳转回来 ...

既然是动态变化的！那么scrollView 外层的高度！也需要动态指定才行！

否则scrollView 就会占全局高度的！

要不你的按钮可以放一个加号，点击加号的时候，弹出一个遮罩显示更多按钮，不要累加显示了！

换种方式实现！

xqy

liangyongfei 发表于 2017-11-16 18:10
既然是动态变化的！那么scrollView 外层的高度！也需要动态指定才行！

否则scrollView 就会占全局高度的 ...

一样的代码

在3.2.1上面有这个问题

在3.6上就没这个问题

liangyongfei

xqy 发表于 2017-11-17 16:36
一样的代码

在3.2.1上面有这个问题

哦？？
那就应该是缺陷改过了！

建议你跟着官方的步伐升级版本！这样新版本  很多bug都可以避免了！