Nano Hash - криптовалюты, майнинг, программирование

Как открыть все динамически загружаемые вкладки в аккордеонной панели PrimeFaces

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

Обычно, чтобы по умолчанию было открыто несколько панелей Accordion, вы используете activeIndex="tabIndexList", где tabIndexList — это список вкладок, которые вы хотите открыть.

Например:

<p:accordionPanel multiple ="true" activeIndex="0,1,2">

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

Есть ли встроенная в PrimeFaces настройка, позволяющая открывать все вкладки по умолчанию, или можно ли использовать вспомогательный компонент для вычисления и передачи требуемой строки для activeIndex, используя что-то вроде ниже?

<p:accordionPanel multiple ="true" activeIndex="#{backingBean.returnActiveIndexString}">
30.01.2014

Ответы:


1

До самой последней версии PrimeFaces (4.0) такой функции для открытия всех вкладок не было. Но ваш подход будет работать, если вспомогательный компонент возвращает строку со всеми индексами коллекции.

Нравится:

public String returnActiveIndexString(){
    totalNumberOfTabs = getTotalNumberOfTabs();
    StringBuilder out = new StringBuilder();
    String prefix = "";
    for(int i = 0; i < totalNumberOfTabs; i++){
        out.append(prefix);
        prefix = ",";
        out.append(i);
    }
    return out.toString();
}
30.01.2014
  • вы возвращаете StringBuilder здесь, когда ожидается String. Более того, я получаю исключение The class 'BackingBean$Proxy$_$$_WeldClientProxy' does not have the property 'returnActiveIndexString'. 29.07.2014
  • @dasLort У меня не было всего кода обратного компонента, поэтому я просто дал способ его решить. Вероятно, это происходит из-за того, что вы не адаптируете код к своему bean-компоненту. Вероятно, у вас возникла эта ошибка из-за отсутствия параметра при вызове метода. 21.11.2014

  • 2

    для меня было важно, чтобы событие щелчка срабатывало, потому что мне нужно инициализировать некоторые данные при щелчке, поэтому я решил это следующим образом: 1. Закройте все вкладки, установив для activeTabindex значение «-1», 2. Щелкните каждую вкладку. p:accordionPanel должен иметь атрибут multiple="true".

    <p:commandButton value="open"
            actionListener="#{beanController.setActiveTabIndex('-1')}"
            update="accordionPanel"
            oncomplete="$('.ui-accordion-header').click();" />
    
    24.11.2016

    3

    Для меня я просто хотел показать все вкладки для печати.

    Динамическое обновление класса CSS было лучшим подходом.

    Вот как это сделать с помощью JQuery:

    <span onclick="$('.ui-accordion-content.ui-helper-hidden').css('display','block')" >
      Printable version
    </span>
    
    04.10.2017
  • Почему бы не добавить это в CSS с типом носителя для печати? 04.10.2017
  • Да, я, вероятно, тоже это сделаю, но на самом деле я хотел также ссылку «Развернуть / Свернуть», чтобы пользователь мог переключаться сразу и не касаясь java-бинов. 05.10.2017
  • Новые материалы

    Кластеризация: более глубокий взгляд
    Кластеризация — это метод обучения без учителя, в котором мы пытаемся найти группы в наборе данных на основе некоторых известных или неизвестных свойств, которые могут существовать. Независимо от..

    Как написать эффективное резюме
    Предложения по дизайну и макету, чтобы представить себя профессионально Вам не позвонили на собеседование после того, как вы несколько раз подали заявку на работу своей мечты? У вас может..

    Частный метод Python: улучшение инкапсуляции и безопасности
    Введение Python — универсальный и мощный язык программирования, известный своей простотой и удобством использования. Одной из ключевых особенностей, отличающих Python от других языков, является..

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

    Работа с векторными символическими архитектурами, часть 4 (искусственный интеллект)
    Hyperseed: неконтролируемое обучение с векторными символическими архитектурами (arXiv) Автор: Евгений Осипов , Сачин Кахавала , Диланта Хапутантри , Тимал Кемпития , Дасвин Де Сильва ,..

    Понимание расстояния Вассерштейна: мощная метрика в машинном обучении
    В обширной области машинного обучения часто возникает необходимость сравнивать и измерять различия между распределениями вероятностей. Традиционные метрики расстояния, такие как евклидово..

    Обеспечение масштабируемости LLM: облачный анализ с помощью AWS Fargate и Copilot
    В динамичной области искусственного интеллекта все большее распространение получают модели больших языков (LLM). Они жизненно важны для различных приложений, таких как интеллектуальные..