限制jQuery QueryBuilder仅在DNF中生成

我试图用它来构造形式规则（连词从句的析取）。这些规则只有一个级别的深度-并且强制所有内部查询组都由and连接，这些组中的所有规则都由OR连接。现在，jQueryQueryBuilder是一种表达我所需要的东西的方式，我试图强迫它只允许构建DNF格式的查询

这需要三件事：

查询只能有一个组

最外层的查询由或连接

最内部的查询由AND连接

在构造查询时，我可以通过使用

allow\u groups:1

来强制执行只有一级深度的规则（这非常有效！）。然而，我找不到一种方法来区分不同级别的人群

我可以使用

conditions

选项（）设置可用的条件，但这是通用的。我希望能够设置如下内容

outer_conditions = ['OR']
inner_conditions = ['AND']

我也尝试过用CSS隐藏按钮（绝对不是我的专长）。到目前为止，这是我得到的最接近的结果：

// Hide main "AND" conditional value
.rules-group-container .rules-group-header .btn-group.group-conditions {
  display: none;
}

// Hide groups "OR" conditional value
.rules-group-container .rules-group-body .rules-list .btn-group.group-conditions > .btn:last-child {
  display: none;
}

这在仅隐藏内部条件选项时有效，但在尝试同时隐藏两者时无效

这是我一直在玩的JS小提琴，它将组限制为1，隐藏内部或选项，但不隐藏外部

---

感谢您的帮助

引导了我所有的内部CSS foo，并解决了这个问题。使用通配符选择器和

：not

使其工作

这个css排除了我想要的按钮，并很好地将它们四舍五入，以隐藏组中的一些按钮消失的事实

// Hide the main group "AND" button
#builder-basic_group_0 > .rules-group-header .btn-primary:nth-child(1) {
  display: None;
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
}

// Fix the radius of the remaining "OR" button sharp edge
#builder-basic_group_0 > .rules-group-header .btn-primary:nth-child(2) {
  border-top-left-radius: 3px;
  border-bottom-left-radius: 3px;
}

// Hide all child groups "OR" button
[id^="builder-basic_group_"]:not(#builder-basic_group_0) > .rules-group-header .btn-primary:nth-child(2) {
  display: None;
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
}

// Fix the radius of all remaining "OR" button sharp edges
[id^="builder-basic_group_"]:not(#builder-basic_group_0) > .rules-group-header .btn-primary:nth-child(1) {
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
}

---

修复了JS小提琴：

引导了我所有的内部CSS foo，并解决了这个问题。使用通配符选择器和

：not

使其工作

这个css排除了我想要的按钮，并很好地将它们四舍五入，以隐藏组中的一些按钮消失的事实

// Hide the main group "AND" button
#builder-basic_group_0 > .rules-group-header .btn-primary:nth-child(1) {
  display: None;
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
}

// Fix the radius of the remaining "OR" button sharp edge
#builder-basic_group_0 > .rules-group-header .btn-primary:nth-child(2) {
  border-top-left-radius: 3px;
  border-bottom-left-radius: 3px;
}

// Hide all child groups "OR" button
[id^="builder-basic_group_"]:not(#builder-basic_group_0) > .rules-group-header .btn-primary:nth-child(2) {
  display: None;
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
}

// Fix the radius of all remaining "OR" button sharp edges
[id^="builder-basic_group_"]:not(#builder-basic_group_0) > .rules-group-header .btn-primary:nth-child(1) {
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
}

固定JS小提琴：