wex5 单选多选实例解析

本文总结了在Wex5框架下实现单选及多选控件的具体方法,包括通过data组件添加控制字段,利用点击事件修改data值实现多选,以及使用特定函数修改data属性实现单选,附带样式改变代码。

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

前言

之前做wex5的时候踩过wex5的坑,现在对自己实现的单选以及多选做一个实例总结,并且wex5的文档上也有详细的说明,其中主要的就是data组件添加字段控制,如下图
在这里插入图片描述
创建一个data组件并且给与两个字段fcheck以及fState,通过点击事件改编组件的值的状态
多选(通过点击事件修改data值):在这里插入图片描述
单选(通过点击事件执行下列函数修改data属性,具体参考文档自带的淘宝项目):

//单选后的页面效果
	Model.prototype.proClick = function(event){
		var data=this.comp("proData");
		data.setValue("fState","0",data.find(["fState"],["1"],true,true,true)[0]);
		var row = data.getCurrentRow();
		data.setValue("fState","1",row);
	};

单选选中后还会有一个样式的改变

.tb-typelist .col{ padding-left:0; padding-right:5px;}
.tb-typelist .col h5{ line-height:30px; border-radius:5px; background-color:#eee; font-size:12px;}
.tb-typelist .col h5.current{ background-color:#2fa4e7; color:#fff;}

在这里插入图片描述

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值