Stack Overflow
Stack Overflow

Questions tagged [jquery-tokeninput]

Tokeninput is a jQuery plugin which allows your users to select multiple items from a predefined list, using autocompletion as they type to find each item. You may have seen a similar type of text entry when filling in the recipients field sending messages on facebook.

Overview

Tokeninput is a jQuery plugin which allows your users to select multiple items from a predefined list, using autocompletion as they type to find each item. You may have seen a similar type of text entry when filling in the recipients field sending messages on facebook or entering email-ids in Gmail compose pop-up window.

Features

  • Intuitive UI for selecting multiple items from a large list
  • Easy to skin/style purely in css, no images required
  • Supports any backend which can generate JSON, including PHP, Rails, Django, ASP.net
  • Smooth animations when results load
  • Select, delete and navigate items using the mouse or keyboard
  • Client-side result caching to reduce server load
  • Crossdomain support via JSONP
  • Callbacks when items are added or removed from the list
  • Preprocess results from the server with the onResult callback
  • Programmatically add, remove, clear and get tokens
  • Customize the output format of the results and tokens

Screenshots

enter image description here

enter image description here

More at: http://loopj.com/jquery-tokeninput/

279 questions
0
votes
1 answer

How to Save User ID With Rails & JQuery Tokeninput?

I am following along with this Railscast for jQuery Tokeninput and everything is working. My only problem is that I need to figure out how to save a user id for a category upon creation. How can I save it within this code? Model class Category <…
user2270029
  • 871
  • 14
  • 27
0
votes
1 answer

Jquery prepopulate data return null although data-pre html tag has expected values

I am using Jquery token input plugin to for autocomplete and prepopulating data. Autocomplete looks fine, but I do have some problems with prepopulating data. This is my javascript: tokenOptions = { theme: 'facebook', searchingText: null, …
user2107733
0
votes
1 answer

In a rails app, when using Jquery Token Input, how to pre-populate data when the form is reloaded?

In my form, I use JqueryTokenInput to add tags. When I fill the form and submit, usually, if there are errors the form will load again with the values I entered. But the TokenInput field won't get those values. I tried to do it by loading data from…
THpubs
  • 7,804
  • 16
  • 68
  • 143
0
votes
1 answer

jquery tokeninput with jquery validate required

I have a form (ASP.NET MVC) with two tokeninput textboxes. I also use jquery.validate() function to validate that both of those fields are required. My problem is, the required rule is not working on the first of the two tokeninput fields (It…
paige1025
  • 13
  • 1
  • 4
0
votes
1 answer

Tokens in TokenInput (Avoiding same pattern)

I want to know how to stop inputting same pattern value in TokenInput using Jquery ? For Example : If i have something like "GM-123" and i dont want to have "GM-345" in the input field then what should i do ? Anyone , please help.
af_khan
  • 1,030
  • 4
  • 25
  • 49
0
votes
1 answer

Token validation and pattern matching before server call

I want to check what kind of pattern the user is typing and based on that i want to make a server call. Could someone help here? Here is what i have : $(document).ready(function() { $("#search_frwId").tokenInput("http://some rest service here",…
af_khan
  • 1,030
  • 4
  • 25
  • 49
0
votes
1 answer

Tokeninput save new tag to database

I am trying to save a new tag entered in input field that was not there in database and want to save that created tag on form submit. Here is my controller which is sending the autocomplete list to the tokeninput input field: def tags = { …
rahulserver
  • 10,411
  • 24
  • 90
  • 164
0
votes
1 answer

Tokeninput Autocomplete not working in grails

I think this is more of a jQuery question than that of grails.I am trying to make tokeninput work with a grails form with the following input: This gets rendered on a web page…
rahulserver
  • 10,411
  • 24
  • 90
  • 164
0
votes
2 answers

cannot add new tags through jquery.tokeninput

I have watched numerous times both ryan rails-casts, however I'm stuck on this issue couple of days. The main problem is I cannot set new tag records with jquery.tokeninput nor without jquery. I'm pretty sure it has something to do with wrong routes…
tohach
  • 63
  • 6
0
votes
1 answer

deduplicate javascript code for tokenInput

There are many textboxes (Django CharField) for which I am using tokenInput as the JS plugin for autocomplete feature. To intialize each of them, I need to set prepopulate with different tag values. I want to avoid following code duplication as…
comiventor
  • 3,922
  • 5
  • 50
  • 77
0
votes
1 answer

Data does not displayed correctly when using tokeninput with liferay portlet?

I am using token input to search data as follows: