343668089 发表于 2012-9-17 10:33:59

树形部件的交互 急！！！

目前我正在做一个类似word样的模板开发工具，但是遇到了一些问题，求各位大神不吝赐教。

左边我是用一个树形的部件做的，可展开、收缩，进行的交互是左边交互，右边出现信息框内容

我的问题是：如何进行左边的点击，右边出现相应的内容框，同时可以进行删除（鼠标悬念时，右边有个小叉子，可以删除）：对于删除的内容，我再次点击左边的内容，在右边内容模板当中，出现它的内容。

附上rp源文件，求教各位了。

尹广磊 发表于 2012-9-17 13:15:46

左右控制那个可以做选择在框架中打开页面来做。
悬停出现，然后可以点，不好做。
参考：http://www.hiaxure.com/thread-789-1-1.html

删除内容实现不了。

343668089 发表于 2012-9-17 13:22:56

2# 尹广磊

我做过那样的，但是如果是打开页面刷新的话，就不是我要的效果了
我要的是在同一个页面下，那样不能实现吗？
我自己现在只能实现顺序添加与删除，但是不能插入

343668089 发表于 2012-9-17 13:30:46

2# 尹广磊

我不是太明白尹老师的意思

best919 发表于 2012-9-17 13:59:16

目前我正在做一个类似word样的模板开发工具，但是遇到了一些问题，求各位大神不吝赐教。

左边我是用一个树形的部件做的，可展开、收缩，进行的交互是左边交互，右边出现信息框内容
6347
我的问题是：如何进行左 ...
叶繁终唯枯。 发表于 2012-9-17 10:33 http://www.hiaxure.com/images/common/back.gif

给你改了下，加了选中标签示例，在右侧添加内部框架用于显示内容。

343668089 发表于 2012-9-17 14:21:35

5# best919


你上面有个添加的按钮，可是我这里是不需要的，我页面上排有控件，只要一点击就可以在光标位置插入内容

像图上这样的功能不能实现吗？光标放上去，有个小叉子，可以点击进行关闭的

best919 发表于 2012-9-17 14:30:14

6# 叶繁终唯枯。
没看到小叉子，只看到貌似折叠隐藏的小三角。我给的图标及功能只是示意而已。

343668089 发表于 2012-9-17 14:51:21

7# best919


恩，小叉子，我还没有做，我是想要实现那样的效果，但是我发现我做了，设置鼠标移入动作时，出现小叉子，但是不能对其进行关闭的操作

best919 发表于 2012-9-17 15:10:51

8# 叶繁终唯枯。
你表达得不太清楚，我理解的是鼠标移入诸如：基本信息、入院记录（内）...标签时， 该标签右侧会显示诸如“基本信息 x "字样，下方显示该标签对应的详细信息，如果你点“x"要求关闭该标签及其对应的详细信息。
我这样理解得对吧！但原型设计一般不要求做到这一步，否则页面一多，工作量将会是巨大的！一般只要将关闭图标做上去就可以了，给客户介绍时解说一下通过点击”关闭“图标能够关闭即可。
上面所说的效果肯定能够做到，也很容易，多做几个动态面板进行切换就可以了，就是工作量巨大，呵呵！

343668089 发表于 2012-9-17 15:18:57

9# best919


我不需要都做啊，只要做两个进行切换的，有个演示的效果
我们老板就是要看到效果的人，鼠标放上去是什么样，要给他个效果的，关闭后面板什么情况，都是有的

best919 发表于 2012-9-17 15:53:53

10# 叶繁终唯枯。
正好下午有点空，帮你改下，见附件。做了两个标签项，光标移到第二个标签”入院记录“右侧的”x"上，该图标会变红色，点击这个图标就会关闭当前的标签页，其实就是只显示第一个标签页而已。

343668089 发表于 2012-9-17 16:10:31

11# best919


真的非常感谢，苦恼的问题终于解决了
膜拜大师
之前是我想复杂了，而且不仅仅想要实现两个，想着起码要实现五六个这样，但是一多就麻烦了，同时还要兼顾到下面的内容面板
现在想来，多也不是好事

best919 发表于 2012-9-17 16:15:37

12# 叶繁终唯枯。
呵呵！多了你就得进行很复杂的判断，哪个标签页关了，哪个没有关，巨耗时间！

343668089 发表于 2012-9-17 16:22:07

13# best919


是的呢，我就是想多实现的更多一些，才会出现各种各样的问题，只做两个的话，反而简单，也不必纠结

shinny 发表于 2012-9-18 22:05:27

2# 尹广磊
我觉得那个热区面板可以不使用，尹兄看看这样去掉可以吗，貌似效果一样

343668089 发表于 2012-9-21 14:49:25

在楼上的帮助下，又进行了一些改良，现在的效果比之前的加了鼠标移入显示叉叉，移出隐藏，同时也可以点击进行删除
现附上rp源文件
有问题的地方，也欢迎指出，一起学习
页: [1]
查看完整版本: 树形部件的交互 急！！！