用于搜索客户端并将其添加到列表的 UI 对话框

Question

我需要为 Web 应用程序 (ASP.NET/C#) 实现一个对话框，用户可以在其中从公司的数据库中搜索和选择一个或多个客户端。

实际上已经使用了现有版本（见附图），我必须用新版本替换它（它来自外部旧版软件，将被解雇）。 目标是提供直观且易于使用的 GUI，同时仍提供基本功能，例如：搜索客户端并添加或删除之前插入的客户端。

我的想法是使用 jQuery Dialog 插件 开发对话框，并使用 Web 方法和 Ajax/JSON 与它们进行交互，从而与服务器和数据库进行交互。我还没有为联系人列表找到一个好的解决方案，因为如果可能的话，我会避免使用 GridView 或表格来列出它们。

有谁知道是否有其他插件或最佳模式可用于开发此 UI 及其功能？

Answer 1

我想在我的应用程序中使用相同的内容。在与用户交谈后，我发现这样的对话框可以很容易地被多选自动完成替换。

请参阅 jqueryUI 演示页面 here。

如果这不符合您的需求，我会选择两个列表<ol> or <ul>，一个分页插件，也许还有一个搜索插件。但到目前为止还没有这样做。

Answer 2

感谢您的提示，事实上，我还考虑使用自动完成功能进行搜索，以使搜索更容易。

我更关心的是以“现代”方式添加和删除选定的客户。
我发现这个MultiSelect 插件非常适合我的需求（也许它对你的需求也有用）。

它不仅允许使用多选来添加/删除条目，而且在搜索条目时还具有一些自动过滤功能。我会尝试将此添加到我的解决方案中。