javascript - 请搜索 TreeView 帮助

Question

在我的 asp.net mvc 页面上给定一个分层 View ，是否可以在搜索字段中键入内容，并让 TreeView 在键入更多字母时动态过滤掉树，但保留根节点(例如不包括北) 、南、东、西)？

谢谢

杆。

[TextBox filter goes here]

[treeview control below] /* I'm looking at jquery treeview for this. */
north
    new york
    pennsylvania
south
    alabama
    georgia
east
    north carolina
    virginia
west
    california
    washington

Answer 1

我正在实现一个，这可能对您的案例感兴趣。不是使用 asp.net-mvc，而是使用模板引擎，我猜它具有类似的方法。

以下是获取树的步骤:

1. 用户在输入框中键入字符模式
2. 浏览器使用模式调用服务器
3. 服务器找到与模式匹配的项目。这些是树的叶子。
4. 然后，对于每个项目，获取其父项以 JSON 格式构建树结构
5. JSON 被发送回浏览器并呈现为 HTML

树完全向用户开放，所有匹配的项目都突出显示。 移动树的视觉效果很好。
我还没有演示的网址，但很快就会投入生产。