Combobox 如何将样式应用于XPages中的层次组合框

Combobox 如何将样式应用于XPages中的层次组合框,combobox,xpages,ssjs,Combobox,Xpages,Ssjs,我在XPages中有一个组合框,它显示了类别和值的层次列表,在SSJS中作为向量填充 现在我想将样式表(粗体)应用于类别(即仅在生成的选项标记的类别上) 请注意,我不需要学习样式表的工作原理。我需要知道如何将类或样式添加到输出选项标记中的类别中 我该怎么做 谢谢 托马斯 UPDATED MY QUESTION WITH A WORKING CLASS 在组合框、类别、标签和值中模拟具有3列的分类视图 public class Utils { public static List&

我在XPages中有一个组合框,它显示了类别和值的层次列表,在SSJS中作为向量填充

现在我想将样式表(粗体)应用于类别(即仅在生成的选项标记的类别上)

请注意,我不需要学习样式表的工作原理。我需要知道如何将类或样式添加到输出选项标记中的类别中

我该怎么做

谢谢

托马斯

 UPDATED MY QUESTION WITH A WORKING CLASS
在组合框、类别、标签和值中模拟具有3列的分类视图

public class Utils {

    public static List<SelectItem> getGroupedComboboxOptions() {

        try {

            Database db = ExtLibUtil.getCurrentDatabase();
            View vv = db.getView("ProdukterByCat");

            Vector v = vv.getColumnValues(0);
            List<SelectItem> groupedOptions = new ArrayList<SelectItem>();
            SelectItemGroup group;

            for (int i = 0; i < v.size(); i++) {

                List<SelectItem> options = new ArrayList<SelectItem>();
                group = new SelectItemGroup(v.get(i).toString());
                ViewEntryCollection nvec = vv.getAllEntriesByKey(v.get(i), true);
                ViewEntry entry = nvec.getFirstEntry();

                while (entry != null) {

                    SelectItem option = new SelectItem(entry.getColumnValues().get(2).toString(),entry.getColumnValues().get(1).toString());
                    options.add(option);
                    entry = nvec.getNextEntry(entry);
                }
                group.setSelectItems(options.toArray(new SelectItem[options.size()]));
                groupedOptions.add(group);
            }
            return groupedOptions;

        } catch (NotesException e) {
            e.printStackTrace();
        }
        return null;
    }

}
公共类Utils{
公共静态列表GetGroupedComboxOptions(){
试一试{
数据库db=ExtLibUtil.getCurrentDatabase();
视图vv=db.getView(“ProdukterByCat”);
向量v=vv.getColumnValues(0);
List groupedOptions=new ArrayList();
选择项目组;
对于(int i=0;i

XPages中的组合框使用HTML
select
标记呈现。如果您在
optgroup
中组织选项(另请参见),您将获得一些现成的默认样式。例如

您甚至可以通过使用标准CSS,针对
optgroup
对其应用其他样式。但对它的支持是有限的:例如,它不能在iPad上工作


如果您想更多地控制下拉列表的外观,我建议使用类似的插件。

XPages中的组合框是使用HTML
select
标记呈现的。如果您在
optgroup
中组织选项(另请参见),您将获得一些现成的默认样式。例如

您甚至可以通过使用标准CSS,针对
optgroup
对其应用其他样式。但对它的支持是有限的:例如,它不能在iPad上工作


如果您想更多地控制下拉列表的外观,我建议使用类似的插件。

Mark is spot on,我以前使用过Select2和OptGroup,它们将完全满足您的需要……谢谢,效果很好。我已经用解决方案更新了我的问题Mark is spot on,我以前用过Select2,还有OptGroup,它们会完全按照你的要求做…谢谢,效果很好。我已经用解决方案更新了我的问题