Picker
Picker 组件为 WebView 提供一个多功能的选择器,该选择器实际上是调用原生的 UIPickerView 和 Android Picker 实现的。
你可以为 Picker 定义标题、多列选择值、每列的标题等属性。
- 最多支持三列的数据
RequestParams
String title - 选择器顶部标题
String[] columnTitles - 各列的标题
String[][] columns - 各列的值数组
String[] defaultValues - 各列的默认值
联动 Picker 的 RequestParams
Boolean isColumnsRelated - 设为 true 时,开启联动 Picker Item[] columns - 树状数值
Item = Object {
title: "标题",
item: Item[],
}
ResponseParams
String[] selectedValues - 各列的选中值
Sample
var message = JSMessage.newMessage()
message.moduleName = "UI.Picker"
message.requestParams = {
title: "会议时间",
columns: [
["A", "B", "C", "D", "E", "F", "G", "H"],
["A", "B", "C", "D", "E", "F", "G", "H"],
["A", "B", "C", "D", "E", "F", "G", "H"],
],
columnTitles: ["日期", "开始时间", "结束时间"],
defaultValues: ["C", "E", "H"],
}
message.call(function(meta, res){
console.log(res.selectedValues);
});
Sample 联动
var message = JSMessage.newMessage()
message.moduleName = "UI.Picker"
message.requestParams = {
isColumnsRelated: true,
title: "地区",
columns: [
{
"title": "广东省",
"item": [
{
"title": "广州市",
"item": [
{
"title": "天河区",
},
{
"title": "越秀区",
},
{
"title": "荔湾区",
},
{
"title": "大学城",
}
]
},
{
"title": "汕头市",
"item": [
{
"title": "澄海区",
},
{
"title": "潮安区",
}
]
}
]
},
{
"title": "海南省",
"item": [
{
"title": "海口市",
"item": [
{
"title": "美兰区",
},
{
"title": "秀英港",
}
]
},
{
"title": "三亚市",
"item": [
{
"title": "市区",
},
{
"title": "亚龙湾",
}
]
}
]
}
],
columnTitles: ["省", "市", "区"],
defaultValues: ["广东省", "汕头市", "潮安区"],
}
message.call(function (meta, res) {
JSConsole.log(res.selectedValues);
});