jQuery Tokeninput hinzufügen, wenn nicht vorhanden

Ich bin in den Prozess des Schreibens ein Skript, das baut auf Benutzereingaben,

Habe ich einige Felder, Ihre Werte müssen sein quired aus der Datenbank,

und wenn kein Eintrag gefunden, die ich will, um einen neuen Wert hinzuzufügen, so dass der nächste Benutzer finden es durch AutoVervollständigen.

Fand ich dieses toll aussehende & einfach zu implementieren jquery-plugin namens TokenInput, aber es scheint nicht zu

Eintragungen, die nicht in meiner Datenbank-Abfrage.

Hier ist der link für das plugin: http://loopj.com/jquery-tokeninput/demo.html

Gibt es eine Abhilfe für dieses ? Oder schlagen Sie vor, ein plugin, dass bereits diese Funktion.

Und ich bin ein bisschen besorgt über die Sicherheit Aspekt von dieser Art von websites gibt es etwas, das ich besonders aufpassen müssen, wenn Sie diese Art der Implementierung ?

Diese Lösung funktionierte für mich. Ich bin sicher, das wird helfen. [1]: stackoverflow.com/a/22327593/2269004

InformationsquelleAutor Frank | 2011-09-24

13

Beim aktivieren tokenInput auf ein Feld,
```
$(selector).tokenInput(url, ...
```
dass die url ist, wo tokenInput sendet Suchanfragen. Es verweist auf ein Skript gibt Vorschläge basierend auf Datenbank-Einträge zu der Suchanfrage übereinstimmt. Was Sie wollen, ist zu haben, das Skript hinzufügen, ein weiterer Vorschlag auf der Liste, für den Fall, dass, wenn nichts in Ihrer Datenbank entspricht der Suchanfrage. Wie Sie dies tun, hängt sehr vom Skript.

Weil Sie hat Ihre Frage mit php ich vermute, dass die url verweist auf ein php-Skript liefert ein JSON-Objekt ist voll von Anregungen. In diesem Fall ändern Sie die php-Skript, so dass es fügt eine neue Vorschlag für die Liste:
```
"{id: " . $idForThisNewSuggestion . ", name: \"" . $searchQueryString . " (new suggestion)\"}"
```
- gute Lösung. Sie könnte auch nur zeigen Sie den gesuchten Begriff, wenn keine Ergebnisse gefunden werden, um es übersichtlicher
InformationsquelleAutor Shawn
17

Diese wird nun behandelt Sie die neuesten Meister dieses plugin, mit dem allowFreeTagging option: https://github.com/loopj/jquery-tokeninput/blob/master/src/jquery.tokeninput.js#L57

Die Versionsnummer und die docs noch nicht aktualisiert wurde, in 2 Jahren, so müssen Sie die master.

InformationsquelleAutor meelash

Hier ist meine Lösung mit lokalen json

$("#input").tokenInput(yourjsondata,{
    preventDuplicates: false,
    onResult: function (item) {
        if($.isEmptyObject(item)){
              return [{id:'0',name: $("tester").text()}]
        }else{
              return item
        }

    },
});

Alles mit der id:0 ist ein neuer Eintrag

Was/wo $("tester")? Brauche ich zum erstellen dieser getrennt?
Es herausgefunden, <tester> ist ein tag tokeninput fügt dem DOM halten Sie den text, den Sie gerade eintippen in das Eingabefeld ein.
Hervorragende Lösung +1

InformationsquelleAutor SteveR

2

Hinzufügen Shawn die Antwort (D. H. Sie brauchen etwas, das server-Seite, um tatsächlich fügen Sie es als neues Element in die Datenbank), die Sie vielleicht in der Lage sein, um diese änderung zu ermöglichen, die zusätzlich auf die javascript-Seite der Dinge.

InformationsquelleAutor seekay

Ich habe auch das onBlur-Funktion wählen Sie die erste Option, wenn Sie klicken Sie auf aus der Suchfeld - mehr intuitiv-Benutzer:

.blur(function () {
        $(this).val("");
        if ($(".token-input-selected-dropdown-item").length>0)
            add_token($(".token-input-selected-dropdown-item").data("tokeninput"));
        hide_dropdown();
    })

InformationsquelleAutor TimoSolo

 $(document).ready(function() {
            $("#expert").tokenInput("source.php", {
                theme: "facebook",
                noResultsText:'Skill Not Found - Enter to Add',
                queryParam:'q',
                onResult: function (item) {
                                            if($.isEmptyObject(item)){
                                                  return [{id:$("#token-input-expert").val(),name: $("#token-input-expert").val()+'*'}]
                                            }else{
                                                  return item
                                            }
                },
                preventDuplicates:true<?php if($expert_rank_json){?>,
                prePopulate: <?php echo $expert_rank_json ?>
                <?php } ?>
            });

InformationsquelleAutor Khandad Niazi

Habe ich Hinzugefügt einige Funktionen zur SteveR Antwort, weil ich wollte den Wert zu erscheinen oben in der dropdown-auch wenn es Ergebnisse. Auch onAdd wenn das ausgewählte Objekt existiert nicht in die databese ich möchte hinzufügen:

 $("#my_input").tokenInput(my_results_route), {
    hintText: "Select labels",
    noResultsText: "No results",
    searchingText: "Searching...",
    preventDuplicates: true,
    onResult: function(item) {
        if($.isEmptyObject(item)){
            return [{id:'0', name: $("tester").text()}];   
        } else {
            //add the item at the top of the dropdown
            item.unshift({id:'0', name: $("tester").text()});
            return item; 
        }
    },
    onAdd: function(item) {
        //add the new label into the database
        if(!parseInt(item.id)) {
            //database insertion ajax call
            console.log('Add to database');
        }
    }
});

Was/wo $("tester")? Brauche ich zum erstellen dieser getrennt?
Es herausgefunden, <tester> ist ein tag tokeninput fügt dem DOM halten Sie den text, den Sie gerade eintippen in das Eingabefeld ein.

InformationsquelleAutor Marko Jurinčič

0

In der .php-Datei, bevor die while-Bedingung, können Sie diese verwenden:
```
array_push($yourarray, array('id'=> 0 ,'name'=> $_GET["term"])); 
```
InformationsquelleAutor Filipe Magalhães

Schreibe einen Kommentar

Du musst angemeldet sein, um einen Kommentar abzugeben.