标签: jquery-tokeninput

如何将占位符添加到jQuery Tokeninput字段？普通placeholder属性在此处不起作用.

如何从这里找到的jquery-tokeninput插件通过Javascript获取令牌的id值,名称值对(由用户输入)？https://github.com/loopj/jquery-tokeninput

这个插件除了直接的getEnteredTokens()方法之外还有很多功能,这只是我或者不令人惊讶吗？

提前致谢.

我试图使用这里找到的jquery tokeninput:http://loopj.com/jquery-tokeninput/ 按照铁路指南的指南:http: //railscasts.com/episodes/258-token-fields

默认情况下,它需要表/ json上的"名称"列.

有任何方法可以自定义将其更改为其他内容(在我的情况下,'account_number')？

(在reailcast中,他说如果你没有'名字'栏,你需要额外的定制)

我没有用这个Jquery-tokeninput或Rails虚拟属性做很多事情,但是用这个来抨击我的头撞墙.任何帮助或指导表示赞赏.

我的公告模型中有一个虚拟属性读取器,我需要验证以下内容:

attr_reader :classroom_tokens
validates :classroom_tokens, :presence => true``

然后是getter和setter:

def classroom_tokens=(ids)
    self.classroom_tokens = ids.split(",")
end

def classroom_tokens
    #Tried several things here
end 

我真的只需要确保params [:announcement] [:classroom_tokens]不是空的.上面的验证调用似乎正在寻找其他东西,因为无论如何它总是空的.我错过了什么？任何帮助是极大的赞赏.

Rails 3.1 Ruby 1.9.2

更新: 如果我这样做

#Announcement MODEL
attr_reader :classroom_tokens
#validates :classroom_tokens, :presence => true
def classroom_tokens=(ids)
  @classroom_tokens = ids.split(",")
end

#Announcement_controller create action
puts "Token=>#{@announcement.classroom_tokens}|"
puts "Params=>#{params[:announcement][:classroom_tokens]}|" 

我明白了:

Token=>|
Params=>7,13,12|

在我的rails应用程序中,我正在尝试使用jquery-tokeninput.我有一切工作 - json响应和所有 - 但是当在标记化字段中输入任何内容时脚本错误,抱怨:

TypeError: term is undefined    
--> return term.replace(regexp_special_chars, '\\$&');

jQuery和tokeninput脚本都被加载.什么可能导致这个？

在jQuery插件:标记自动完成文本输入中,我们有:

$("#tokenize").tokenInput("php-example.php?a=1&b=2", {
        hintText: "Type in the names of your favorite TV shows",
        noResultsText: "No results",
        searchingText: "Searching..."
});

如何使用函数"insert_token"将新的intes添加到列表中,如何预先填充列表？

谢谢

我正在使用来自loopj.com的jquery tokeninput插件这是我的JS文件：

$(document).ready(function() {\n\n    // Token input plugin:\n\n    $("#issuer").tokenInput("/issuers.json",{\n        crossDomain: false,\n        theme: "facebook",\n        prePopulate: $("#issuer").data("pre"),\n        preventDuplicates: true\n    });\n\n    $("#shareholder").tokenInput("/shareholders.json",{\n        crossDomain: false,\n        theme: "facebook",\n        prePopulate: $("#shareholder").data("pre"),\n        preventDuplicates: true\n    });\n\n});\n

这是我的标记：

<form method="post" action="/certificates" accept-charset="UTF-8">\n<input type="hidden" value="\xe2\x9c\x93" name="utf8">\n<input type="hidden" value="fSO/GJxIGEHLCb/zmd1B7qTwUYnGx5yyIxWTkEk/ies=" name="authenticity_token">\\\n\n  <div class="field">\n    <label for="issuer">Issuer</label><br>\n    <input type="text" size="30" name="certificate[issuer]" id="issuer" data-pre="[null]">\n  </div>\n\n <div class="field">\n    <label for="shareholder">Shareholder</label><br>\n    <input type="text" size="30" name="certificate[shareholder]" id="shareholder" data-pre="[null]">\n  </div>\n</form>\n

我的 tokenize 插件可以工作#issuer，但不能工作，如果我使用顶部的选择器#shareholder移动 jQuery 代码，则令牌输入代码适用于，但不再适用于另一个。我怎样才能让它对他们俩都起作用？#shareholder#shareholder

另外，如果我在编辑模式下具有相同的表单和相同的标记 …

我正在使用这个强大而美观的插件http://loopj.com/jquery-tokeninput/,但我遇到了一个问题.

有没有办法在我的tokenInput中动态更改或更改ajax调用的URL.

所以举个例子.

jQuery("#selector").tokenInput("http://mysite.com?name=John");

当我点击我页面上的按钮时,我想将网址更改http://mysite.com?name=John为http://mysite.com?name=Adam

所以整个逻辑就像这样:

jQuery("#myButton").click(function(){
    //Change the URL of the jQuery("#selector").tokenInput();
});

起初我所做的就是这样:

jQuery("#myButton").click(function(){
        jQuery("#selector").tokenInput("http://mysite.com?name=Adam");
});

这样做的问题是它创建了一个类的副本token-input-list-facebook,只是为了看看我在说什么.

从这样:

至

如您所见,它复制了textinput或类token-input-list-facebook.

我只是向您展示我在我的应用程序中尝试做的简单逻辑.

有办法怎么做那个？非常感谢您的帮助和奖励!:-)

顺便说一句,我正在使用facebook主题,这就是类名的原因token-input-list-facebook.

我正在使用Loopj Tokeninput插件,我想知道是否有人在其中实现了jQuery"combobox"功能？或类似的东西？范围是允许通过单击"向下箭头"或仅通过单击输入字段显示来自本地源的所有数据,就像下拉菜单一样(但允许在键入内容时将其缩小...).如果是这样,有人可以分享如何实施它吗？

我正在使用http://loopj.com/jquery-tokeninput/上的tokeninput控件- 我相信它非常受欢迎.

我有以下代码,可以很好地填充输入框和作者姓名 - 但我希望在用户处于EDIT会话时使用数据库中找到的值预填充控件,即找到已经找到该记录的作者(看起来像这样的东西):

这是代码:

 $("#authorlist").tokenInput('/author/getauthors/', {
        hintText: "Enter surname",
        searchingText: "Searching...",
        preventDuplicates: true,
        allowCustomEntry: true,
        highlightDuplicates: false,
        tokenDelimiter: "*",
        theme: "facebook"
//        prePopulate: [{"id": 5016, "name": "Test 1" }]
    });

显然,这已经获得了完整的作者列表(/ author/getauthors /) - 但它也需要从该列表中预先填充,作者已经找到了记录 - 这就是我似乎无法弄清楚的.

我可以看到你可以在javascript中使用prePopulate(我已经注释掉了)并且我在Edit.cshtml中找到了找到的作者值,即

@foreach(var item in Model.AUTHORs.Select(model => new { model} ))
        {
            <div type="hidden" id="authorHidden" > @item.model.FULL_NAME</div>
        }

所以这只是将这些值放在某种json格式中并获得tokeninput控件以便在表单加载并向用户显示时填充它们的情况.

在Edit.cshtml中显示tokeninput控件的其他代码是:

<div class="editor-label">Authors</div>
     <div class="authors">
         <div class="editor-field">
             <input type="text" id="authorlist" name="tiAuthors" />
         </div>
     </div>

任何帮助或指针都非常感谢.

我正在使用Jquery令牌输入版本1.6.0.我希望能够在令牌输入中输入自定义条目,但每次我这样做时表单都会提交(我输入一个自定义单词并点击回车).这是我的代码(在coffeescript中):

jQuery ->
    $('[id$=tag_list_tokens]').each ->
        el = $(this)
        el.tokenInput '/listings/tags.json',
            theme: 'facebook'
            minChars: 1
            allowCustomEntry: true
            preventDuplicates: true
            prePopulate: el.data('load')
            allowFreeTagging: false

一切正常,除了自定义条目......任何想法我做错了什么？