我在rails应用程序中使用omniauth和koala来获取登录用户的朋友(和uid)的列表。我想让用户开始输入朋友的名字并自动完成工作,这样当用户选择朋友时,表单会将该朋友的uid放入表单中的隐藏字段。看起来似乎应该是可能的,如果不容易的话。
另一个复杂因素是我正在使用haml,所以我不太习惯在同一个文档中编写haml,javascript和ruby。
这是HAML
=form_for @nag do |f|
=f.hidden_field :user_id, value: current_user.id
=f.text_field :lendee_name, id: 'who', placeholder: 'Who owes you?'
%div#friend-list
=f.text_field :item, id: 'what', placeholder: 'What do they owe you?'
=f.text_field :due_date, id: 'when', placeholder: 'When is it due?'
=f.text_field :lendee_uid, id: 'lendee_uid', placeholder: 'Lendee uid?'
:javascript
var allFriends = #{@friends};
这是Javascript
$(function() {
$("#who").autocomplete({
source: allFriends,
appendTo: $("#friend-list"),
focus: function( event, ui ) {
$( "#who" ).val( ui.item.value );
return false;
},
position: { of: "#friend-list", at: "left top" }
}).keyup(function (e) { // Dismiss the typeahead dropdown when hitting enter
if(e.which === 13) {
$(".ui-menu-item").hide();
}
});;
});