Как сделать Ajax кнопку Submit с HTML тег внутри метки

Question

я хочу добавить fontawesome значок в ajaxsubmitbutton,

<?php echo CHtml::ajaxSubmitButton('<i class="fa fa-plus"></i> Print Preview', 
array('ma/select'), 
array( 'success'=>'reloadGrid', 
     'error'=>'js:function(data){ 
      alert("Please select checkbox"); 
      return false; 
     }'), 
array( //'encodeLabel'=>false, 
     'class'=>'btn btn-success', 
     )); ?> 

я пытаюсь установить encodeLabel ложь, и попытаться закодировать ложь, все они не работают,
Кто-нибудь знает, как к этому ??? thank you

Answer 1

Почему вы используете encodeLabel? Проблема в том, что в стилях стилей FontAwesome для добавления значка используйте псевдоэлементы before.

:after и :before псевдоэлементы, их можно надеть только на элементы контейнера. Зачем? Потому что они добавлены внутри этого конкретного элемента. inputне контейнер. button например поэтому вы можете их надеть.

echo CHtml::ajaxSubmitButton(' Print Preview ', $url, array(), 
array('encode'=>false) 
) 

И в CSS что-то вроде этого:

input[type="submit"] { 
    font-family: FontAwesome, 'Ubuntu', sans-serif; 
} 

Для получения дополнительной контрольной проверки это: How do I add a Font Awesome icon to input field?