Как сделать так, чтобы jsf commandLink выглядел отключенным? - PullRequest
Новая
       5

Как сделать так, чтобы jsf commandLink выглядел отключенным?

0 голосов
/ 28 августа 2018

У меня есть h: commandLink, и я хочу, чтобы он выглядел так, как будто он не кликабелен (т. Е. Ссылка имеет бледный цвет, и при наведении на нее курсор становится недопустимым ).

Я использую атрибут disabled, пытаясь добиться этого, но он не дает желаемого эффекта: ссылка не имеет бледного цвета, и когда я нахожу на нее курсор, курсор не становится not- разрешено . Но когда я нажимаю на commandLink, он ничего не делает, и это хорошо, но я бы предпочел, чтобы у него были свойства, определенные ранее.

Вот мой код: 

<h:commandLink  onclick="function()" href="#{request.contextPath}/create"
                         styleClass="#{condition ? 'enabled-link' : 'disabled-link'} mar-left-8 cl-blue"
                                      disabled="#{condition ? 'false' : 'true'}"
                                     data-scroll-goto="0" id="show"><i class="fa fa-plus-circle" aria-hidden="true"/>
                        <p:ajax/>
                      </h:commandLink>

1 Ответ

0 голосов
/ 29 августа 2018

Видимо, отключенный атрибут commandLink превращает ссылку в тег span вместо тега привязки.

Итак, мой код отображается в браузере следующим образом: 

<span href="/" id="show" 
 name="show" 
 class="disabled-link mar-left-8 cl-blue"> 
 <i class="fa fa-plus-circle" aria-hidden="true"></i>
</span>

И причина, по которой класс disabled-link не дал никакого эффекта, заключается в том, что мне не хватало этого кода на css: 

span.disabled-link {
  cursor: not-allowed;
  opacity: 0.5; }
...