Titanium mobile multiple select

Question

我无法在任何地方找到实现简单多重选择弹出窗口的库或模块。我想要的内容完全类似于在网页上触摸选项/选择对话框后出现的内容。

有什么办法让网页的选项/选择弹出没有页面。也许可以创建隐藏页面，并自动选择选项对话框，触发它弹出。

可以做到这一点吗？它在iOS上看起来如何？我只有android才能测试。

Answer 1

至少有两种实现方法。不需要特殊的模块：

• 首先，你可以使用一个Ti.UI.Picker这是一小部分选择有用的。这看起来像是一个日期选择器，它在iOS和Android上非常相似。你可以在documentation找到例子。 更新：看起来，虽然在本机iOS上支持，但在钛中使用复选标记是不可能的。

• 或者，您可以在模式或弹出窗口（仅限ios）窗口或单独的视图（这对于android更好）中使用table view（列表）。这对于大量选择非常有用，因为您可以提供搜索栏。选择将通过设置hasCheckmark: true在table view row上触发。 （为了更好的用户界面中，使用updateRow上表视图和使用动画制作方法）

  这是第二溶液

  var self = Ti.UI.createWindow(...); 
  
  var options = [/*array with all options*/ {title: 'Option 1', value: 1}, {title: 'Option 2', value: 2}]; 
  var selectedOptions = [0]; // array to store selected options, also pass preselected options 
  
  var tableView = Ti.UI.createTableView({...}); 
  // add rows 
  var i = 0, rows = []; 
  options.forEach(function(option) { 
      var row = Ti.UI.createTableViewRow({hasCheck: selectedOptions.indexOf(i)!==-1, title: option.title }); 
      rows.push(row); 
  }); 
  tableView.setData(rows); 
  
  tableView.addEventListener('click', function(e) { 
      var state = e.rowData.hasCheck; 
      // reuse existing row (using its configuration, not its instance) 
      var row = Ti.UI.createTableViewRow(e.rowData); 
      row.hasCheck = !e.rowData.hasCheck; 
      // or create a really new one 
      var row = Ti.UI.createTableViewRow({ 
      //config here, 
      hasCheck: !e.rowData.hasCheck, 
  ); 
      tableView.updateRow(e.index, row, {animated: true}); 
      if (state) { 
      selectedOptions.push(e.index 
      } else { 
      selectedOptions.splice(selectedOptions.indexOf(e.index),1); 
  }); 
  
  self.open({modal: true}); 
  

多项选择可以在这两种情况下的实施方式的一部分。在这两种情况下，您都应该提供完成按钮以完成工作。