Gwt 如何从菜单中筛选项目

我正在使用SmartGWT

我正在尝试制作一个显示菜单和输入文本的用户界面

该菜单包含树级别的项目，您可以在“类别”菜单中看到它。 可以在菜单中最下面的项目上过滤的输入文本

如果在输入文本中输入“2”，则只会显示标题中带有“2”的菜单。将显示没有子对象的父对象

运行代码段以查看我要执行的操作的快速示例

功能主菜单（）{
$（“#nav ul”）.css({
显示：“无”
})；//歌剧修复
$（“#nav li”）.hover（函数（）{
$（this.find（'ul:first'）.css({
可见性：“可见”，
显示：“无”
}).show（400）；
}，函数（）{
$（this.find（'ul:first'）.css({
可见性：“隐藏”
});
});
}
$（文档）.ready（函数（）{
主菜单（）；
});
正文{
字号：0.85em；
字体系列：Verdana、Arial、Helvetica、无衬线；
}
.导航，
美国海军{
保证金：0；
填充：0；
列表样式类型：无；
列表样式位置：外部；
位置：相对位置；
线高：1.5em；
}
.导航a{
显示：块；
填充：0px 5px；
边框：1px实心#333；
颜色：#fff；
文字装饰：无；
背景色：#333；
}
.导航a:悬停{
背景色：#fff；
颜色：#333；
}
李国荣先生{
浮动：左；
位置：相对位置；
}
美国海军{
位置：绝对位置；
显示：无；
宽度：12em；
顶部：1.5em；
}
李国荣先生{
宽度：12em；
高度：自动；
浮动：左；
}
美国海军{
顶部：自动；
}
李娜{
左：12em；
利润率：0px 0 10px；
}
李海军：悬停，
李海军：悬停，
李海军：悬停{
显示：无；
}
李海军：悬停ul，
海军李莉：悬停ul，
导航李：悬停ul，
.导航李：悬停ul{
显示：块；
}
菜单的快速表示法：

是的，您应该能够获得非常相似的结果。一种方法是为菜单或子菜单使用混合菜单。对于输入文本也使用a和a。修改TextItem的值时，通过addChangedHandler方法截取ChangedEvent，并相应地更新菜单