在appcelerator中实现listview的搜索栏

// 创建窗口
var win = Ti.UI.createWindow({
  layout: 'vertical'
});

// 创建搜索栏
var searchBar = Ti.UI.createSearchBar({
  hintText: '请输入关键字'
});

// 创建列表视图
var listView = Ti.UI.createListView();

// 定义数据集
var data = [
  {title: 'Item 1'},
  {title: 'Item 2'},
  {title: 'Item 3'},
  // ...
];

var dataSet = Ti.UI.createListSection({items: data});

// 创建列表视图的模板
var template = {
  properties: {
    height: Ti.UI.SIZE,
    backgroundColor: '#fff'
  },
  childTemplates: [
    {
      type: 'Ti.UI.Label',
      bindId: 'title',
      properties: {
        left: '10dp',
        top: '10dp',
        color: '#000',
        font: {fontSize: '16dp', fontWeight: 'bold'}
      }
    }
  ]
};

// 将模板应用到列表视图
listView.templates = { 'template': template };
listView.sections = [dataSet];
listView.defaultItemTemplate = 'template';

// 监听搜索栏的输入事件
searchBar.addEventListener('change', function(e) {
  var keyword = e.value.toLowerCase();
  var filteredData = data.filter(function(item) {
    return item.title.toLowerCase().indexOf(keyword) !== -1;
  });
  dataSet.setItems(filteredData);
});

// 将搜索栏和列表视图添加到窗口中
win.add(searchBar);
win.add(listView);

// 打开窗口
win.open();