起步软件技术论坛
搜索
 找回密码
 注册

QQ登录

只需一步,快速开始

查看: 2097|回复: 3

[处理中3] 如何屏蔽列表项

[复制链接]

123

主题

245

帖子

888

积分

高级会员

Rank: 4

积分
888
发表于 2018-1-8 16:35:54 | 显示全部楼层 |阅读模式
需求:我在做APP时,有一个两级列表,如果一级列表对应的第二级的列表项没有,就不需要显示第一级对应的项。

我的做法是:在二级列表项的某些元素上加一个属性rjb='asd',在第一级列表项绑定bibind-VISIBLE     $($model.getElementByXid("li3")).find("[rjb='asd']").length>0  , li3   为一级列表项目的XID,

aaa.png



运行结果不是我想象的!!!
疑问:1.列表项是动态添加的,所以 $model.getElementByXid("li3")  到底是哪个对象,会随绑定表达式变?
2.  绑定表达式的计算时机是涩会那么时候?  我的鹅需求是在二级列表项为空的情况下不显示一级项,那么如果绑定在一级项上,需要等待二级列表项加载完毕才能运算一级项的绑定表达式?


发表于 2018-1-8 16:49:11 | 显示全部楼层
list嵌套请参考
http://docs.wex5.com/wex5-ui-question-list-2005/
建议最多两层嵌套,3层list嵌套,数据量大 页面 肯定会很慢很慢的!

建议 bind-visible属性 绑定一个自定义函数,自定义函数根据当前行去查询子数据,data.find() 返回数组
如果数组.length =0 说明没有数据,retrue false即可!

list中 bind-visible控制显示隐藏可以参考
http://docs.wex5.com/wex5-ui-question-list-2210

也可以用bind-if
http://docs.wex5.com/wex5-ui-question-list-2131/
qq:1912779713
WeX5教程--WeX5下载
回复 支持 反对

使用道具 举报

123

主题

245

帖子

888

积分

高级会员

Rank: 4

积分
888
 楼主| 发表于 2018-1-8 17:52:17 | 显示全部楼层
liangyongfei 发表于 2018-1-8 16:49
list嵌套请参考
http://docs.wex5.com/wex5-ui-question-list-2005/
建议最多两层嵌套,3层list嵌套,数据 ...

其实我的是三层LIST嵌套,数据量不大,不考虑性能因素,我在第二层LIST 的LI  项已经进行了绑定:bind-if $model.task42Data.find(['taskTypeChildId'],[childListItem.val("childClassId")]).length > 0    bind-visible   $model.task42Data.find(['taskTypeChildId'],[childListItem.val("childClassId")]).length > 0
实现了,三级列表没有数据,二级项不显示的效果,但,在在二级项都不显示的情况下,让一级项不显示我不会弄啦:在二级项我是根据当前列表项的数据与三级数据进行匹配的来决定二级项是否显示,但一级项怎么弄呢?
回复 支持 反对

使用道具 举报

发表于 2018-1-8 18:01:20 | 显示全部楼层
wangjb 发表于 2018-1-8 17:52
其实我的是三层LIST嵌套,数据量不大,不考虑性能因素,我在第二层LIST 的LI  项已经进行了绑定:bind-if ...

可以绑定自定义函数实现吧!根据data组件查询数据去判断!不要根据dom节点判断,dom节点隐藏了还是存在的!
qq:1912779713
WeX5教程--WeX5下载
回复 支持 反对

使用道具 举报

您需要登录后才可以回帖 登录 | 注册

本版积分规则

小黑屋|手机版|X3技术论坛|Justep Inc.    

GMT+8, 2025-6-26 15:29 , Processed in 0.056411 second(s), 26 queries .

Powered by Discuz! X3.4

© 2001-2013 Comsenz Inc.

快速回复 返回顶部 返回列表