1. 单选模式示例
适用于奖品选择等只需选择一个商品的场景。
// JavaScript 调用代码
Fast.api.open('shop/goods/select?selectMode=single', '选择奖品', {
callback: function(data) {
if (data.length > 0) {
var goods = data[0];
console.log('选中的奖品:', goods);
// 处理选中的奖品
}
}
});
选择结果将显示在这里...
2. 多选模式示例
适用于营销活动参与商品、优惠券适用商品等需要选择多个商品的场景。
// 多选模式（无限制）
Fast.api.open('shop/goods/select?selectMode=multiple', '选择商品', {
callback: function(data) {
console.log('选中的商品列表:', data);
}
});
// 多选模式（最多3个）
Fast.api.open('shop/goods/select?selectMode=multiple&maxSelect=3', '选择商品（最多3个）', {
callback: function(data) {
console.log('选中的商品列表:', data);
}
});
选择结果将显示在这里...
3. 使用封装方法
在activity.js中提供了封装好的方法，可以直接调用。
// 奖品商品选择（单选）
Controller.api.selectPrizeGoods('#prize-goods-container');
// 任务商品选择（多选）
Controller.api.selectTaskGoods('#task-goods-container');
// 通用商品选择
Controller.api.selectGoods({
mode: 'single', // 'single' 或 'multiple'
title: '选择商品',
container: '#selected-goods',
maxSelect: 0, // 最大选择数量，0表示无限制
callback: function(data) {
// 处理选中的商品
}
});