list嵌套时如何实现点击展示和收缩的效果

carbinechun

如题所问，如果list嵌套的话，如何实现点击外层list当前行时才会展示内层list内容，再次点击会收起内层list内容的效果呢？搜了一下论坛里只有list嵌套的实现和数据过滤的处理，没有这种动态页面展示的效果的相关问题，wex5能直接实现这种内层list的展示和收缩么？

doudou459

兄弟！这个很简单啊    你都是高级会员了         在你第一层list绑定的data上新建一个计算列（计算列知道是什么吧？就是只在前端的表格中存在的列，data进行保存的时候不会保存该列）计算列我取的名称就叫   showDetail  
一、定义第一层list 的li的点击事件或li里面的元素，比如row的点击事件，在点击的时候先判断一下该行的showDetail的值，如果不是true则给该列赋值为true，如果是true则赋值false。
二，对你要点击显示元素设置bind-visible属性，就是判断showDetail的值是否为true。

doudou459

    var row = event.bindingContext.$object;
    if(row.val("showDetail")!="show"){
    row.val("showDetail","show");
    }else{
    row.val("showDetail","hide");
    }
这个是我设置的点击事件   


要显示/隐藏的元素设置的bind-visible
val("showDetail") =="show"

doudou459

http://zwzx.chaoweifish.com     你可以去看看效果

wangjikuen

doudou459 发表于 2017-11-27 11:48
http://zwzx.chaoweifish.com     你可以去看看效果

大哥，你也是高级会员了，真心不用说那么多，看我给你展示一下高级会员应有的风度
咳咳。楼主听着，你要的方案，地址在
ui2/demo/qqcontacts/index.w
完整的方案，不费脑子，拿好不谢

carbinechun

doudou459 发表于 2017-11-27 11:43
兄弟！这个很简单啊    你都是高级会员了         在你第一层list绑定的data上新建一个计算列（计算列知道 ...

别的不多说了，感谢。。。总感觉脑子固定在一个圈里跳不出去了。。。我这高级会员基本还都是问问题问出来的

carbinechun

wangjikuen 发表于 2017-11-27 13:36
大哥，你也是高级会员了，真心不用说那么多，看我给你展示一下高级会员应有的风度
咳咳。楼主听着，你要 ...

我完全体会到了你的翩翩风度。。。高级会员的差距是有点大唉。。。

doudou459

wangjikuen 发表于 2017-11-27 13:36
大哥，你也是高级会员了，真心不用说那么多，看我给你展示一下高级会员应有的风度
咳咳。楼主听着，你要 ...

兄弟！demo 有点复杂呀！   
那么多样式        
看得脑壳昏   

话说  我研究了半小时   没搞懂原理呢？    在model  onload 事件里面的代码不是只在模型加载的时候执行一次吗？    后期的点击事件呢？      这样写的功能以后给其他人维护起来不得急死人吗？  
还有  demo里面有BUG    ： 点击子菜单箭头一样会改变状态

wangjikuen

doudou459 发表于 2017-11-28 09:43
兄弟！demo 有点复杂呀！   
那么多样式        
看得脑壳昏   

核心是数据筛选，外UI显示是control的伸缩头。bug什么的无所谓，看得懂JS与CSS，一通百通

wangjikuen

carbinechun 发表于 2017-11-27 15:59
我完全体会到了你的翩翩风度。。。高级会员的差距是有点大唉。。。 ...

DEMO一般都有解决方案，DEMO解决不了的，才比较麻烦，遇到类似的问题，把起步的DEMO吃个通透，就差不多了，核心其实都一样，都是H5，核心组件多是BOOT的或者别的什么组件由X5封装的