Question

我将Select2与customFormatResult一起使用，因为此代码显示：

function productFormatResult(product) {
    var markup = '<div class="row-fluid">' +
            '<div class="col-xs-2"><img src="' + product.url + '" /></div>' +
            '<div class="col-xs-10">' + product.value + '</div>' +
            '</div>';
    var prueba = '<img style="height: 40px;width: 40px;" src="' +
            product.url + '" class="img-rounded" id="ProductoForm_0_image" />&nbsp;&nbsp;' + product.value;

    return prueba;
}

function productFormatSelection(product) {
    return product.value;
}

$("input.typeahead").select2({
    placeholder: "Buscar producto",
    minimumInputLength: 0,
    ajax: {
        url: Routing.generate('get_products'),
        dataType: 'json',
        quietMillis: 250,
        data: function(term, page) {
            return {
                filter: term,
                page: page
            };
        },
        results: function(data, page) {
            var more = (page * 30) < data.total_count;
            return {results: data.items, more: more};
        }
    },
    formatResult: productFormatResult,
    formatSelection: productFormatSelection,
    escapeMarkup: function(m) {
        return m;
    },
    formatNoResults: function() {
        return "No se encontraron productos para la palabra actual";
    },
    formatAjaxError: function() {
        return "No hay conexión con el servidor";
    }
});

但是我可以选择/选择任何一个项目，为什么？我的代码有什么问题？您可以测试实时示例here（查找此文本 OFERTAS REALIZADAS A FACTURAR：其中说Producto）

Answer 1

您需要返回ID。

$("input.typeahead").select2({
    id: function(prod) { return prod.value; },
    placeholder: "Buscar producto",
    minimumInputLength: 0,
    id: function(prod){ return "prod"; },
    ajax: {
        url: Routing.generate('get_products'),
        dataType: 'json',
        quietMillis: 250,
        data: function(term, page) {
            return {
                filter: term,
                page: page
            };
        },
        results: function(data, page) {
            var more = (page * 30) < data.total_count;
            return {results: data.items, more: more};
        }
    },
    formatResult: productFormatResult,
    formatSelection: productFormatSelection,
    escapeMarkup: function(m) {
        return m;
    },
    formatNoResults: function() {
        return "No se encontraron productos para la palabra actual";
    },
    formatAjaxError: function() {
        return "No hay conexión con el servidor";
    }
});

无法从Select2中选择任何项目

1 个答案: