JQuery自动完成的自定义UL结构

Question

JQuery Autocomplete以UL的形式显示结果，将项目显示为LI元素。我有一个2层深的元素树结构，并具有扩展和折叠功能。它看起来像这样：

此结构是从这种格式的JSON数组创建的：

[
{
    "scope": "1",
    "active": "true",
    "id": "T8",
    "label": "Last Close Price",
    "type": "TECHNICAL",
    "value": "Last Close Price",
    "group": "Price"
},
{
    "scope": "1",
    "active": "true",
    "id": "T32",
    "label": "Open Price",
    "type": "TECHNICAL",
    "value": "Open Price",
    "group": "Price"
}]

和它的html结构是这样的：

<ul><li><a href="#">TECHNICAL</a>
        <ul><li><a href="#">Price</a>
                <ul>
                       <li><a href="#">Item1</a></li>
                </ul>
            </li>
         </ul>
     </li>
 </ul>

现在我想在这个数组上实现JQuery UI自动完成，并在同一个数组中显示过滤结果。

但是通过查看文档，我无法找到任何可以将JQuery自动完成的结果修改到此级别的内容。大多数人只想修改单个LI元素的html，这里我想创建UL元素的深层嵌套以形成树结构。我已经编写了一个创建这个树的函数，但是将它放在自动完成中的位置以及如何使键盘键起作用（即用箭头键选择元素）是个问题。

感谢。