problema con la cantidad de registros de Control select2

danteavo92 · #1 (**permalink**) 06/05/2016, 10:15

Amigos como están, les comento que tengo un problema con mi control select2
Una consulta tiene 5000 registros y mi select solo me carga 3278.
Hay alguna manera de ampliar esto?
Busque y no encuentro

I only want the search box if there are enough results

Código Javascript:

Ver original$('select').select2({
  minimumResultsForSearch: 20 // at least 20 results must be displayed
});

How can I permanently hide the search box?

Código Javascript:

Ver original$('select').select2({
  minimumResultsForSearch: Infinity
});

utilice esos dos pero lo unico que hace es desaparecer la barra de busqueda y sigue mostrando la misma cantidad

xerifandtomas · #2 (**permalink**) 06/05/2016, 11:57

5000 registros en un Select me parece una burrada.

Por que no hace un autocompletar con ajax más intuitivo.

victortsu66 · #3 (**permalink**) 06/05/2016, 12:01

ya has probado hacerlo con un select en html y php?

Código PHP:

Ver original<!doctype html>
<body> 
<SELECT NAME="productoss">
<option>Seleccione una Opción...</option>
<?php 
$conexion=mysql_connect("localhost","nombre","contra") or
die("Problemas en la conexion");
mysql_select_db("nombre_de_la_base_de_datos",$conexion) or
die("Problemas en la selección de la base de datos");  
mysql_query ("SET NAMES 'utf8'");
$clavebuscadah=mysql_query("select id,nombre from producto",$conexion) or
die("Problemas en el select:".mysql_error());
while($row = mysql_fetch_array($clavebuscadah))
{
echo'<OPTION VALUE="'.$row['id'].'">'.$row['nombre'].'</OPTION>';
}
 
?>
</SELECT>
</body>
</html>

danteavo92 · #4 (**permalink**) 06/05/2016, 12:26

El select2 funciona como el autocompletar, es por eso que lo uso

[URL="https://select2.github.io/examples.html"]https://select2.github.io/examples.html[/URL]

ahi esta el ejemplo de como funciona.

No uso el selec por que no se puede buscar la palabra

kip13 · #5 (**permalink**) 06/05/2016, 13:00

Hola, estas usando ajax para llamar a los datos que iran en el select2 ?

Saludos

danteavo92 · #6 (**permalink**) 06/05/2016, 13:20

Código PHP:

Ver original<?php
$sqll1 = ("select * from movimiento");
//$sqll1 = ("select count (*) from movimiento");
$resultl1 = $conn->query($sqll1);
$valorl1 = $resultl1->fetchAll();
$combo_institucionl1.= "<option value=''selected>Seleccione...</option>";
foreach ($valorl1 AS $resultl1)
{
    $combo_institucionl1.= "<option value='".$resultl1[0]."'>".$resultl1[2]."</option>";
}
?>

y lo imprimo

Código HTML:

Ver original<div class="controls" id = "divnoml">
                <select class="js-states form-control"  name="noml" id="noml" required style="width: 350px">
                    <?php  echo $combo_institucionl;?>
                </select>
            </div>

kip13 · #7 (**permalink**) 06/05/2016, 13:29

Entiendo, que te parece si pruebas con Ajax?
Intentalo y nos cuentas, en la documentacion esta especificado como usarlo, te dejo el link aca:

Ajax select2

Saludos

danteavo92 · #8 (**permalink**) 06/05/2016, 13:52

Código Javascript:

Ver original$().ready(function () {
            $(".js-states").select2();
        });

me olvide añadir eso, si utilizo ajax

kip13 · #9 (**permalink**) 06/05/2016, 14:33

De esto es lo que yo hablo, traer los datos generados de la consulta en un Json mediante Ajax y con scroll infinito.

Este es un ejemplo que copie de la documentacion:

Infinite Scroll with Remote Data

Cita:

Select2 supports lazy-appending of results when the result list is scrolled to the end. In order to enable the remote service must support some sort of a paging mechanism and the query function given to Select2 must take advantage of it. The following example demonstrates how this can be set up.

Código Javascript:

Ver original$("#e7").select2({
    placeholder: "Search for a repository",
    minimumInputLength: 3,
    ajax: {
        url: "https://api.github.com/search/repositories",
        dataType: 'json',
        quietMillis: 250,
        data: function (term, page) { // page is the one-based page number tracked by Select2
            return {
                q: term, //search term
                page: page // page number
            };
        },
        results: function (data, page) {
            var more = (page * 30) < data.total_count; // whether or not there are more results available
 
            // notice we return the value of more so Select2 knows if more results can be loaded
            return { results: data.items, more: more };
        }
    },
    formatResult: repoFormatResult, // omitted for brevity, see the source of this page
    formatSelection: repoFormatSelection, // omitted for brevity, see the source of this page
    dropdownCssClass: "bigdrop", // apply css that makes the dropdown taller
    escapeMarkup: function (m) { return m; } // we do not want to escape markup since we are displaying html in results
});

Se que en el ejemplo esta en una url remota pero puedes adaptarlo a lo que tu necesitas.

Fuente: Link de doc

Ojala te sirva