zTree单击节点内容被遮挡?

树上蜗牛 发布于 2013/01/23 09:24
阅读 2K+
收藏 0

@zTree 你好,想跟你请教个问题:

zTree我设置了高度和宽度,单击节点后内容超出我设置的宽度,内容就被遮挡,它不能让滚动条自动滚动显示全部内容。我该怎么做解决这个问题?

加载中
0
zTree
zTree
啊。一定要这样的话,那你只能是计算 a 的宽度 以及 ul 的宽度,然后移动滚动条了。。。那万一节点的name 长度比 你设定的宽度还长怎么办呢??
zTree
zTree
回复 @树上蜗牛 : 那你只能是计算 a 的宽度/位置信息 以及 ul 的宽度,然后移动滚动条了
树上蜗牛
树上蜗牛
我这边可能没有name超出那种情况,就是想让节点完整的显示出现在可视范围。
0
zTree
zTree

你设置了高度和宽度后,一旦超出,不管怎么滚动都会有显示不到的区域; 所以不知道你所指的自动滚动是怎么个自动滚动?? 

1、像演示画面一样,左右/上下 来回自动滚动?

2、只是像右 或 向下 滚动?

这期间用户操作怎么办?以及用户操作后怎么办?? 应该都是需要考虑的问题。

另外,对于 zTree 来说,进行拖拽节点时,如果放在边缘会自动滚动的; 如果执行 selectNode 方法的节点在可视区外时会自动进入可视区的.... 剩下的,请根据你自己的需求针对 ul 的滚动条自行控制吧, zTree 时不会干预的

树上蜗牛
树上蜗牛
单击鼠标,滚动条右移动,让‘父节点11...’内容显示完整在可视区域中。
0
zTree
zTree
补充一下,我觉得这个问题更多的是需求问题,而不是技术问题
0
树上蜗牛
树上蜗牛
鼠标点击节点,之前可能被遮住,但是鼠标点击后应该让它显示完整?就是让滚动条滚动一下
0
树上蜗牛
树上蜗牛

 

单击鼠标,滚动条右移动,让‘父节点11...’内容显示完整。

0
zTree
zTree
不过还有一个办法,利用添加自定义控件的方法在 a 最后添加一个1像素的空白div 之类的东西,然后让他获得焦点。。。。
树上蜗牛
树上蜗牛
回复 @zTree : 感谢!我采用你说的上一个方案,计算a的位置信息,然后移动滚动条!问题解决。^_^ 谢谢~
zTree
zTree
回复 @树上蜗牛 : 用jQuery 的offset 方法,想深入研究就看看源码
树上蜗牛
树上蜗牛
如何计算 a 的位置信息?
zTree
zTree
回复 @树上蜗牛 : 我前一个回复其实就是这个意思,具体计算要看你希望让节点显示在什么位置上。。。当前节点的a 可以利用 treeNode.tId + "_a" 这个ID 来找到DOM,请你利用调试工具看一下页面的 节点元素就知道了
返回顶部
顶部