WEX5学习笔记(十二)

这篇博客详细介绍了在WEX5中如何实现二级列表的过滤操作。首先,通过showPage方法传递一级分类ID到二级页面。接着,利用List组件的bind-click事件结合参数过滤二级列表,确保点击事件不会被内部元素的click事件覆盖。在目标页面的model组件中,通过onParamsReceive事件接收参数,并设置list的filter属性,使用过滤表达式$row.val('fRootID') == $model.params.rootID来筛选对应的一级ID数据。注意在JavaScript中访问model对象的方式区别。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

                              

                         

 过滤表达式
                     二级列表过滤
      我们在一级列表当中要打开二三级分类列表 我们首先要使用showPage来打开二三级分类的页面。
      同时将我们一级分类的ID传过来 所以
      第一步是要传参
      第二步是我们的二级列表要使用传过来的参数进行过滤 。

      利用List 的bind-click 事件要做这些操作   这样做的效果就是只要点击list列表的任意地方都会
      触发这个事情。只要他的效果要低于list内部的click事件

       Model.prototype.listClick = function(event){
       var rootID = this.comp("classData").val("id");
      //通过classData的当前行来取他的数据就是我们点击的list这一行的数据。
      
       
       justep.Shell.showPage(require.toUrl("./class.w"),{"rootID":rootID});
       
       };
       参数传完了要在class.w 的model组件的onParamsReceive事件里去接收。
       Model.prototype.modelParamsReceive = function(event){
           this.params.rootID
       
        然后给list的filter属性赋值 写过滤表达式。
        $row.val("fRootID")==$model.params.rootID
        


        在这个表达式的时候要注意   在JS里在访问model对象就用this在W文件里要用$model来访问对象。
        

      

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值