Multiselect with search filter

Asked

Viewed 121 times

0

I have a problem where I have a table that has 12,000 type records and I need to do a multi-select where the options appear according to the multiselect search filter. The intention is to facilitate the registration of items in a production line where, it is common to type wrong.

Today I use isteven-multi-select but when opening multi-select the page freezes by the amount of options.

<div class="form-group form-group-sm col-md-2">
    <label for="maquina">Partnumber</label>
    <div class="input-group">
        <span class="input-group-addon">
        <span class="glyphicon glyphicon-search"></span>
        </span>
        <isteven-multi-select id="partnumber" class="multiselect form- 
        multiselect" helper-elements="all none filter" 
        translation="traducaoMultiSelect" input-model="partnumber"
        output-model="setupProducaoSelecionados"
        button-label="name"
        item-label="name"
        tick-property="ticked"
        max-labels="4" 
        selection-mode="single"/>
    </div>
</div>

// Obtém todas os Part Numbers do servidor
        restApi.partnumberGerenciamento.query({}, function (array) {
            if (array.length > 0) {
                // Converte para multiselect
                for (var i = 0; i < array.length; i++){
                    $scope.partnumber.push({name: array[i].codigo, id: array[i].id});
                    $scope.partnumberCadastro.push({name: array[i].codigo, id: array[i].id});
                }
            }
        }, function (error) {
            mensagem("Erro ao recuperar os Part Numbers.\nCódigo: " + error.status, 'error');
        });

1 answer

0

settled in exchange

'ng-repeat="item in filteredModel | filter:removeGroupEndMarker" class="multiSelectItem"'

of the archive isteven-multi-select.js for:

'ng-repeat="item in filteredModel | filter:removeGroupEndMarker | limitTo:50" class="multiSelectItem"'

Browser other questions tagged

You are not signed in. Login or sign up in order to post.