有没有什么办法可以创建一个选择器,允许您选择多行?或者类似于此的东西(看起来像是在文件浏览器中选择多个文件时的东西)?Appcelerator钛多选择选择器Android
0
A
回答
0
2
尝试这个代码,这个代码是从Appcelerator的钛的KitchenSink。你可以在kitchensink中找到它。路径:kitchensinl/resource/emaples/picker_android_spinner_text.js。希望这会有所帮助。它是在android中生成多列选取器的代码。
/*global Ti,Titanium,alert */
var w = Ti.UI.currentWindow;
var status = Ti.UI.createLabel({
top: 5, left: 5, right: 5, height: 40, textAlign:'center'
});
w.add(status);
function showStatus(s) {status.text = s;}
var names = ['Joanie', 'Mickey', 'Jean-Pierre', 'Gustav', 'Raul', 'Mimi', 'Emily', 'Sandra', 'Carrie', 'Chachi'];
var verbs = ['loves', 'likes', 'visits', 'loathes', 'waves to', 'babysits', 'accompanies', 'teaches', 'announces', 'supports', 'knows', 'high-fives'];
var rows1 = [];
for (var i = 0; i < names.length; i++) {
rows1.push(Ti.UI.createPickerRow({title: names[i]}));
}
var rows2 = [];
for (i = 0; i < verbs.length; i++) {
rows2.push(Ti.UI.createPickerRow({title: verbs[i]}));
}
var rows3 = [];
for (i = (names.length -1); i >=0; i--) {
rows3.push(Ti.UI.createPickerRow({title: names[i]}));
}
var column1 = Ti.UI.createPickerColumn({
rows: rows1, font: {fontSize: "12"}
});
var column2 = Ti.UI.createPickerColumn({
rows: rows2, font: {fontSize: "12"}
});
var column3 = Ti.UI.createPickerColumn({
rows: rows3, font: {fontSize: "12"}
});
var picker = Ti.UI.createPicker({
useSpinner: true, visibleItems: 7,
type : Ti.UI.PICKER_TYPE_PLAIN,
top: 150, height: 200,
columns: [ column1, column2, column3 ]
});
picker.addEventListener('change', function(e) {
showStatus(e.selectedValue[0] + " " + e.selectedValue[1] + " " + e.selectedValue[2]);
});
w.add(picker);
var btnSelect = Ti.UI.createButton({
left: 5, height: 40, top: 50, width: 150,
title: 'Select idxs 2/4/6'
});
btnSelect.addEventListener('click', function() {
picker.setSelectedRow(0, 2);
picker.setSelectedRow(1, 4);
picker.setSelectedRow(2, 6);
});
w.add(btnSelect);
var btnAdd = Ti.UI.createButton({
left: 165, height: 40, top: 50, width: 150,
title: 'Add "Manny"'
});
btnAdd.addEventListener('click', function() {
picker.columns[0].addRow(Ti.UI.createPickerRow({title: 'Manny'}));
picker.columns[2].addRow(Ti.UI.createPickerRow({title: 'Manny'}));
showStatus('"Manny" added to columns 0 & 2');
});
w.add(btnAdd);
var btnRemove = Ti.UI.createButton({
left: 5, height: 40, top: 100, width: 150,
title: 'Remove all idx 3'
});
btnRemove.addEventListener('click', function() {
picker.columns[0].removeRow(picker.columns[0].rows[3]);
picker.columns[1].removeRow(picker.columns[1].rows[3]);
picker.columns[2].removeRow(picker.columns[2].rows[3]);
showStatus("value at index 3 of each col. removed");
});
w.add(btnRemove);
var btnCheckSelection = Ti.UI.createButton({
left: 165, height: 40, top: 100, width: 150,
title: 'Check sel.'
});
btnCheckSelection.addEventListener('click', function() {
showStatus(picker.getSelectedRow(0).title + ' ' + picker.getSelectedRow(1).title + ' ' + picker.getSelectedRow(2).title);
var color = status.backgroundColor || w.backgroundColor || "black";
status.backgroundColor = 'red';
setTimeout(function(){status.backgroundColor=color;},1000);
});
w.add(btnCheckSelection);
0
您可能更喜欢使用复选框。这里是对这个问题的讨论。 Stack-overflow Link
相关问题
- 1. 引导选择选择器多选
- 2. android选择器
- 3. 钛手机选择文件
- 4. 在钛中获取日期选择器
- 5. 多选择ListView的选择器
- 6. Android多个联系人选择器(可选择选择哪个电话号码)
- 7. 多选图像选择器
- 8. jQuery日期选择器多选择和取消选择
- 9. 多列选择器
- 10. CSS多选择器
- 11. MySQL的选择多选择
- 12. 选择器>选择器和选择器选择器有什么区别?
- 13. '&'选择器选择什么?
- 14. 构建:选择选择器
- 15. ListFragment选择器选择
- 16. 选择CSS选择器
- 17. CSS3选择器选择父
- 18. CSS选择器选择
- 19. 基于多对多筛选器选择
- 20. 多重选择字段 - 选择=“选择”多次
- 21. 无法取消选择“选择多个”与选择计数器选项和optgroups
- 22. 多选择器vs单选器性能
- 23. appcelerator钛选项卡组订单
- 24. 选项卡时间选择器来选择时间范围,android
- 25. 多选择选项
- 26. UITableView选择 - 多选
- 27. 选择/取消选择基于选择从其他多选
- 28. 在选择框中选择并取消选择多个选项
- 29. longlist选择器允许多选择单选按钮
- 30. 添加时间选择器到日期选择器android