Question

以下是我在XPage中基本复选框组的代码：

<div class="checkbox">
    <xp:checkBoxGroup id="checkBoxGroup1">
        <xp:selectItem itemLabel="First" itemValue="1"></xp:selectItem>
        <xp:selectItem itemLabel="Second" itemValue="2"></xp:selectItem>
        <xp:selectItem itemLabel="Third" itemValue="3"></xp:selectItem>
    </xp:checkBoxGroup>
</div>

当我预览XPage时，我只看到标签。该复选框丢失。如果我使用Bootstrap类（复选框）删除div，则会出现复选框。

如果我想将Bootstrap类添加到复选框组，有人会告诉我应该做什么吗？

谢谢，

丹

Answer 1

如果您使用浏览器的源代码查看器查看结果，您可能会看到以下内容：

<div class="checkbox">
  <fieldset id="view:_id1:checkBoxGroup1" class="xspCheckBox" onchangeTrigger="early-onclick">
    <table role="presentation" class="xspCheckBox">
      <tr>
        <td>
          <label for="view:_id1:checkBoxGroup1:0">
            <input id="view:_id1:checkBoxGroup1:0" name="view:_id1:checkBoxGroup1" value="1" type="checkbox">First
          </label>
        </td>
        <td>
          <label for="view:_id1:checkBoxGroup1:1">
            <input id="view:_id1:checkBoxGroup1:1" name="view:_id1:checkBoxGroup1" value="2" type="checkbox">Second
          </label>
        </td>
        <td>
          <label for="view:_id1:checkBoxGroup1:2">
            <input id="view:_id1:checkBoxGroup1:2" name="view:_id1:checkBoxGroup1" value="3" type="checkbox">Third
          </label>
        </td>
      </tr>
    </table>
  </fieldset>
</div>

你看到XSP引擎正在为你创建一个表，我相信这是导致问题的原因，因为bootstrap可能不会期望复选框内的表。

也许您可以尝试使用单数复选框控件。如果它按预期工作，你可以尝试摆脱CB组周围的表，也许使用customRenderer或类似的东西

XPages复选框组样式

1 个答案: