Question

我正在尝试让x-editable和select2使用远程搜索。

这是带有Blade模板的HTML。表id是“table”。

<td>
    <a href="#" id="{{ $template->id }}" data-value="{{ $template->food_item_id }}" name="food_item" data-type="select2" data-pk="{{ $template->id }}" data-title="" class="editable-click food_item">
        {{ $template->food_item_name }}
   </a>
</td>

我正在使用选择器设置x-editable

    $('#table').editable({
        selector: 'tbody tr td .food_item',
        url: '/update',

        select2: {
            cacheDataSource: true,
            allowClear: true,
            placeholder: 'Select food item',
            width: '200px',
            id: function (item) {
                return item.id;
            },
            ajax: {
                url: '/json',
                dataType: "json",
                type: 'post',
                data: function(term, page) {
                  return {
                    q: term
                  };
                },
                results: function(data, page) {
                  return {
                    results: data
                  };
                }
            }
        }
    });

远程JSON采用以下格式：

[{"id":"1","text":"Jasmine Tea"},{"id":"2","text":"Green Tea"},{"id":"3","text":"Herbal Tea"},{"id":"4","text":"Tulsi Tea"},{"id":"5","text":"Chamomile Tea"},{"id":"6","text":"Mint Tea"},{"id":"7","text":"Ginger Green Tea"}]

我只得到

未找到结果

感谢任何帮助使这项工作。

Answer 1

您必须更改JSON。

请记住创建对象结果

示例：

{"results":[{"id":145,"text":" CHECKER "},{"id":146,"text":" CHEROCKE"},
{"id":147,"text":" CHERY "},{"id":148,"text":" CHEVROLET "},
{"id":410,"text":" JINCHENG"},{"id":502,"text":" MARCHETTI "},
{"id":511,"text":" MATCHELSS "},{"id":664,"text":" SAIC CHERY"},
{"id":680,"text":" SCHEUERLE WABCO "},{"id":853,"text":" WINCHEMG"}]}

X-editable和Select2，远程数据不起作用

1 个答案: