Visualizzazione dei risultati da 1 a 2 su 2
  1. #1
    Utente di HTML.it
    Registrato dal
    Jun 2001
    residenza
    NG Lab Cecchina, Roma
    Messaggi
    143

    Typeahead con location.href

    Ho 2 .json contenenti dati [riparazioni] [clienti] e un codice che effettua una ricerca in entrambi typeahead.
    Funziona, mi mostra i risultati per "categoria", ma da quello che vedo posso usare solo un campo del JSON ('reapir' o 'client')
    Avrei necessità di andare a visitare la rispettiva pagina cliccando sul risultato: /repair/$id o /client/$id
    Ho provato ad inserire la funzione e anche a definire un 'window.location.href =' che ovviamente non ha funzionato.
    Se qualcuno riesce ad aiutarmi, ringrazio anticipatamente.
    Documentazione: https://github.com/twitter/typeahead.js

    codice:
    var KTTypeahead = function() {
        var search = function() {
            var repairsSearch = new Bloodhound({
                datumTokenizer: Bloodhound.tokenizers.obj.whitespace('repair'),
                queryTokenizer: Bloodhound.tokenizers.whitespace,
                prefetch: 'settings/repairs.php'
            });
    
    
            var clientsSearch = new Bloodhound({
                datumTokenizer: Bloodhound.tokenizers.obj.whitespace('client'),
                queryTokenizer: Bloodhound.tokenizers.whitespace,
                prefetch: 'settings/clients.php'
            });
    
    
            $('#search').typeahead({
                highlight: true
            }, 
    			{
                name: 'repairs',
                display: 'repair',
                source: repairsSearch,
                templates: {
                    header: '<h3 class=\"league-name text-info\" style=\"padding: 5px 15px; font-size: 1.2rem; margin:0;\">Riparazioni</h3>'
    				
                }
            },
    			{
                name: 'clients',
                display: 'client',
                source: clientsSearch,
                templates: {
                    header: '<h3 class=\"league-name text-primary\" style=\"padding: 5px 15px; font-size: 1.2rem; margin:0;\">Clienti</h3>'
                }
            });
    
    
    	}
    
    
        return {
            // public functions
            init: function() {
                search();
            }
        };
    }();
    
    
    jQuery(document).ready(function() {
        KTTypeahead.init();
    });
    Immagini allegate Immagini allegate
    Ottima scelta

  2. #2
    Utente di HTML.it
    Registrato dal
    Jun 2001
    residenza
    NG Lab Cecchina, Roma
    Messaggi
    143
    Per la cronaca, (dovesse servire ad altri) ho risolto così:
    codice:
            $('#search').typeahead({            highlight: true
            }, 
    			{
                name: 'repairs',
    			id: 'id',
                display: 'repair',
                source: repairsSearch,
                templates: {
                    header: '<h3 class=\"bg-light-info text-dark text-center mr-10 ml-10\" style=\"padding: 5px 15px; font-size: 1.2rem; margin:0;\">Riparazioni</h3>',
    				suggestion: function (data){
    					return '<div><a class=\"text-dark\" onClick=\'window.location=\"laboratory/repair/'+ data.id +'\"\'>'+ data.repair +'</a></div>';
    				}
                }
            },
    Ottima scelta

Permessi di invio

  • Non puoi inserire discussioni
  • Non puoi inserire repliche
  • Non puoi inserire allegati
  • Non puoi modificare i tuoi messaggi
  •  
Powered by vBulletin® Version 4.2.1
Copyright © 2025 vBulletin Solutions, Inc. All rights reserved.