使用 jQuery 基于 UI 的查询生成器

发布于 2024-12-02 20:46:45 字数 267 浏览 1 评论 0原文

更新了!

按照建议分解问题。

  1. 我需要创建一个外观和效果感觉搜索应用程序
  2. 我需要将组件显示在左侧和右侧我可以拖放它们并输入搜索条件的数据
  3. 如果有多个条件我想拖动并删除条件
  4. 最后,我需要保存/编辑/打开现有查询,

我希望构建一个具有拖放功能的查询生成器来构建查询。我想知道是否有任何指示。

我研究了 jQuery 插件和一些示例,但没有找到我想要的东西。有什么建议吗?

UPDATED!!

Breaking down the question as suggested.

  1. I need to create a Look & Feel for a search application
  2. I need to have the components displayed on the left hand side and on the right I can drag-and-drop them and enter the data for the search criteria
  3. If there are more than one condition I would like to drag and drop the condition
  4. Finally I need to save/edit/open existing query

I am looking to build a query builder with drag and drop facility to build the query. I was wondering if there are any pointers for this.

I have looked into the jQuery plugins and some examples, but nothing to what I am looking for. Any suggesting?

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(4

审判长 2024-12-09 20:46:45

好吧,如果你找不到能完全按照你想要的方式工作的东西。您可以尝试使用这个想法作为基础并自己编码:

http:// www.codeproject.com/KB/custom-controls/SqlWhereBuilder.aspx

Well, if you fail to find something that will work completely how you want. You could try using this idea as a base and coding it up yourself:

http://www.codeproject.com/KB/custom-controls/SqlWhereBuilder.aspx

北方的韩爷 2024-12-09 20:46:45

我猜这不是很有用,但我猜你必须自己编写类似的代码。我已经使用 jQuery 很长时间了,但我从未见过这样的插件。曾经。

Guess this is not very useful, but I'd guess you have to code something like that yourself. I've been using jQuery for a long time now, and I've never seen any plugins like that. Ever.

爱已欠费 2024-12-09 20:46:45

回复晚了,但万一有人进入此页面,下面是 jquery 上的正确解决方案。
http://querybuilder.js.org/

Its late to reply , but in case somebody come on this page below is the correct solution on jquery.
http://querybuilder.js.org/

ゞ花落谁相伴 2024-12-09 20:46:45

这个问题有一个解决方案,即拖放应用程序
DND-Query-Builder

There is a solution for this problem as a drag and drop application
DND-Query-Builder

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文