4

通过使用预先输入引导程序，我想在从菜单中选择或聚焦某个项目时触发，以便设置与所选值相关的特定值。

请查看代码注释以准确理解我的意思。 

element.typeahead({
    minLength: 3,
    source: function () {
        // users is a Backbone.Collection
        users = _.map(users, function(user) {
            return user.get('first_name')+' '+user.get('last_name');
        });

        return users;

    }
}).change(function (event) {
        // this function which is called when the user set a value 
        // should be able to get the user.get('id') of the selected user
        // any idea how to make it?
});
4

1 回答 1

4

这可能对你有用。我使用了 Typeahead 的扩展，它允许您调用远程数据源。它带有一个onselect()回调函数，你可以在其中做你想做的事。

预输入扩展 GIST

这是一些示例代码：

    initialization: function() {
        this.user = new User();
        // Or fetch the user so it has an id, etc.
    },
    initTypeahead: function() {
        var self = this;
        var element = this.$('#input');

        element.typeahead({
            source: userCollection.toJSON(),
            property: 'name',
            onselect: function(userObj) {  // This is the line to pay attention to
                var userModel = userCollection.get(userObj.id);
                // Do something with the userModel
            }
        });
    }

所以基本上在我的代码中，当我查询我的数据库时，我会返回一个 JSON，它将每个选择的值设置为我从我的 ajax 传回的任何数据。

随着onselect(obj)我将 obj 传递到我的回调中，我碰巧只是将它作为数据附加到输入元素。但是您可以轻松添加自己的自定义代码，利用您已经拥有的用户数据 (user.id) 并执行您所做的任何事情以及您投入选择的值。onselect()这意味着，只要它在适当的范围内，user.id 就应该在您的回调中可用。

于 2012-08-24T20:04:57.763 回答