Как применить стиль к высокотехнологичному комбинированному списку в XPages - PullRequest
Новая
       61

Как применить стиль к высокотехнологичному комбинированному списку в XPages

0 голосов
/ 02 октября 2018

У меня есть comboBox в XPages, который показывает иерархический список категорий и значений, заполненных как вектор в SSJS.

Теперь я хочу применить таблицу стилей (полужирный) к категориям (т. Е. Только к категориям сгенерированных тегов параметров)

enter image description here

обратите внимание, что мне не нужен урок о том, как работают таблицы стилей.Мне нужно знать, как добавить класс или стиль к категориям в выводимых тегах параметров

как я могу это сделать?

спасибо

Томас 

 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;
    }

}

enter image description here

1 Ответ

0 голосов
/ 02 октября 2018

Поле со списком в XPages отображается с помощью тега HTML select.Если вы упорядочиваете параметры в optgroup (см. Также Заполнение элементов select в выпадающем списке (метка, значение) с использованием управляемого компонента ), вы получаете стандартную стилизацию из коробки.Пример здесь .

Вы можете даже применить к ним дополнительный стиль со стандартным CSS, нацелив optgroup.Но поддержка этого ограничена: например, он не работает на iPad.

Если вы хотите больше контроля над тем, как выглядят ваши выпадающие списки, я бы предложил использовать плагин, такой как Select2 .

...