如何在jQuery Autocomplete UI中显示特殊字符？

Question

嗨，我正在尝试让诸如ééáá之类的特殊字符显示在我的自动填充中。 例如，字母ë显示为＆＃2 3 5; （无空格）。

我正在创建一个json_encode的php数组。 我可以同时使用ë（html_entity_decode）和＆＃2 3 5创建json； （无空格）在对象中。 当我使用ë创建json对象时，它不会显示在自动填充中。

我的自动完成功能如下所示：

<script>
    $(document).ready(function() {
     $(function() {
     <?php echo "var availableCustomers = " . $this->searchCustomer . ";\n"; ?>
     $( "#customerAutocomplete" ).autocomplete({
     delay: 0,
     source: availableCustomers,
     select: function(event, ui) {
        window.location.href = '/customer/look-customer/deb/' + ui.item.deb;
         }
      });
     });        
    });
</script>

Answer 1

Autocomplete使您可以管理元素的渲染。 您可以从这一点开始，然后尝试制作自定义渲染功能。 您只需要在配置中指定一个渲染函数即可：

$( "#customerAutocomplete" ).autocomplete({
    ... 
    _renderItem: function( ul, item ) {
        return $("<li>")
        .attr("data-value", item.value)
        .append($("<a>").html(item.label))
        .appendTo(ul);
    },
    ...
});

您可以console.debug该项以检查其是否包含带有重音符号的文本。