Primefaces - MenuItem значка не показывая

Я пытаюсь добавить пользовательские иконки в primefaces многоуровневого меню на стороне, метод, предложенный здесь: Icon for Primefaces Dynamic Menu Primefaces - MenuItem значка не показывая

Однако, я имею simliar проблемы к этому: Primefaces dynamic menu icon not showing

Значок не отображается, и, проверив элемент, я вижу только значки по умолчанию в коде. Вот мой Java код:

MenuItem item = new MenuItem(); 
item.setIcon("icon-disk");

CSS-:

.icon-disk{ 
    background-image: url(../resources/images/icon_indicatorlist.png); 
    height:16px; 
    width:16px; 
}

XHTML:

<p:panelMenu model="#{menuBean.getModel(menus.id)}" type="tiered" />

На осмотре элемента, это то, что я вижу:

<h3 class="ui-panelmenu-header ui-state-default ui-corner-all" role="tab"> 
    <span class="ui-icon ui-icon-triangle-1-e"></span> 
    <a href="#" tabindex="-1">Item1</a> 
</h3>

Что мне нужно для редактирования или добавить? Я использую PF 3.5.

источник

2016-10-31 Saiyida

-1

это может решить вашу проблему

MenuItem item = new MenuItem(); 
item.setIcon("ui-icon-disk");

источник

2016-10-31 06:23:28 DinalP

Я хочу, чтобы добавить пользовательский значок. Создано моим собственным файлом изображения. – Saiyida

, чтобы добавить значок, вы можете использовать код, подобный этому '' – DinalP

Я хочу добавить его через Java-код. Поскольку все элементы меню имеют уникальный значок, связанный с ними. Сторона xhtml не знает имя или значок элемента или что-то еще. Все меню генерируется динамически по вызову функции: model = "# {menuBean.getModel (menus.id)}" – Saiyida

я думаю, ваша проблема путь к изображениям и не PF-проблемы.

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

пример:

+ Java-SRC 
+ WebContents [folder] 
    + resources[folder] 
     + css [folder] 
      styles.css 
      .anyClass{ 
       background: transparent url('images/any.png') !important; 
      } 
     + images [folder] 
      any.png 
      xyz.jpg 
      .... 
    + Views [folder] 
     index.xhtml 
      ... 
      <h:outputStylesheet library="css" name="styles.css"/> 
      ... 
     signin.xhtml 
     ....

источник

2016-11-01 03:04:25

Путь верен. Я использую изображения в других местах, все работает отлично. – Saiyida

Primefaces - MenuItem значка не показывая

ответ

Смежные вопросы