选择加载功能未显示 html 中的选项

Question

用例我的数据库中总共有 200000 条记录，如果我一次加载所有选项页面根本没有加载，它说超过了最大事务时间（我觉得这是最糟糕的方法）。

我想根据关键字搜索加载选择选项，我将显示50 搜索关键字附近的记录。

我在后端（服务器端）实现了搜索，它正确地将数据返回给客户端，但我没有找到一种方法将它们显示为 html 中的选项。

Please find my code below:

$scope.$selectUser = $('#selectUser').selectize({
    valueField: 'sys_id',
    labelField: 'name',
    maxItems: c.data.maxteam,
    placeholder:"Enter names or select below",
    create: false,
    load: function (query, callback) {
    
        if (!query.length) return callback();
         
        $scope.data.funcName = 'getUsers';
        $scope.data.searchQuery = query;
        $scope.data.kudosTo = [];
        
        //Server call happens here
        c.server.update().then(function(){ 
             
            //Search data coming fine in this variable
            var results = c.data.activeUsers; 
            
            //??? AT this step i'm not what to do to appear the data as selectize options and select from them ??
            
            callback(results);
             
             
        });
    },
    render: {
        option: function (item, escape) {
            return '<div class="option">' +
            '<div class="text">' +
            '<span class="name">' + escape(item.name) +"<i class='fa fa-circle circleFont'></i>"+ escape(item.user_name)  + '</span>' +
            '</div>' +
            '</div>';
        }
    },
});
$scope.selectizeControlUser = $scope.$selectUser[0].selectize;

<div class="form-group text-left  clearfix">
    <select class="form-control" id="selectUser"  multiple></select>
</div>

客户端代码中的搜索数据正常：

问题：HTML 视图 中 未显示 选择选项

预期结果：选项应该如下图所示

Answer 1

我自己想办法。

选项附加到选项，但不显示在视图中。

我添加了 searchField，它开始正常工作。

searchField: ['name', 'email', 'user_name'],

选择加载功能未显示 html 中的选项

Selectize load function is not showing options in html

html

javascript

jquery

jquery-select2

selectize.js