Forms jQuery select2 genemuFormBundle问题

我尝试使用select2实现ajax调用，如下示例所示：

这是我的密码：

        var $configs = {{ configs|json_encode|raw }};

    $field = $('#{{ id }}');
    $configs = $.extend($configs, {
        ajax: {
            id: function (friend) { return friend.username; },
            url: $field.data('url'),
            data: function (term, page) {
                return { q: term, page_limit: 10, page: page };
            },
            results: function (data, page) {
                var more = (page * 10) < data.total;
                return { results: data, more: more };
            }
        },
        formatResult: function (friend) {
            var markup = "<div class='friend-results-box'>";
            if (friend.avatar !== undefined) {
            markup += "<img width='60' height='75' src='" + friend.avatar + "'/>";
            }
            markup += "<h5>" + friend.username + "</h5>";
            markup += "<div class'clearfix'></div>";
            markup += "</div>";
            return markup;
        },
        initSelection : function (element, callback) {
            var elementText = $(element).attr('data-init-text'); // ?
            callback({"term":elementText});
        },
        formatSelection: function (friend) { return friend.username; },
        escapeMarkup: function (m) { return m; },
        dropdownCssClass: "dropdown-friends"
    });

    $field.select2($configs);

var$configs={{configs | json_encode | raw}；
$field=$（'{{id}}'）；
$configs=$.extend（$configs{
阿贾克斯：{
id:function（friend）{return friend.username；}，
url:$field.data（'url'），
数据：功能（术语，第页）{
返回{q:term，page_limit:10，page:page}；
},
结果：功能（数据、页面）{
var more=（第10页）

现在我的问题是：

当我的意图是拥有一个 从json中获取的值定义为friend.username

页面重新加载后，屏幕上不会显示初始值 （当值被设置为ID时）并且选择2不会拾取该值

---

任何提示或帮助都将不胜感激

您的initSelection函数有如下功能：回调（{“term”：elementText}）

默认情况下，Select2需要{id:“someid”，text:“sometext”}

最好从简单开始，没有任何形式的格式，让它工作，然后使它看起来像你想要的