【脚本UI】列表搜索框

截图

使用方法

自己设置下列表，输入关键词，如果列表包含这个词，就显示。其他函数自己绑

代码

//UI 主界面
var w = new Window('dialog {text: "快速搜索", alignChildren: "fill"}');
var text_edit = w.add('edittext {active: true}');

// 定义listbox数组
var myArr = ['bat', 'bear', 'beaver', 'bee', 'cat', 'cats and dogs', 'dog', 'maggot', 'moose', 'moth', 'mouse']

var list = w.add('listbox', [0, 0, 150, 250], myArr);
w.add('button', undefined, 'Ok', { name: 'ok' });

// 初始选择第一项（可以不加）
list.selection = 0;

// 文本编辑内容更改函数 
text_edit.onChanging = function () {

    // 记住文本编辑框的内容
    var text_temp = text_edit.text;
    // 需要先把子项全部删除
    list.removeAll();

    // 遍历，查找复合条件的子项
    for (var i = 0; i < myArr.length; i++) {
        // 如果当前输入内容在列表内，则新增
        if (myArr[i].toLowerCase().indexOf(text_temp) >= 0) {
            list.add('item', myArr[i]);
        }
    }

    // 如果有内容，则选择第一项（可以不加）
    if (list.items.length > 0) {
        list.selection = 0;
    }
}

w.show();