如何使一個Ajax的提交按鈕與HTML標記標籤

Question

我想在ajaxsubmitbutton添加fontawesome裏面的圖標，

<?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設置爲false，並嘗試編碼爲假，他們都不工作，
沒有人知道如何約？謝謝

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?