如何在标签内制作带有 html 标记的 Ajax 提交按钮

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，并尝试将encode 设置为false，所有这些都不起作用，
有人知道该怎么做吗？谢谢

Answer 1

你为什么使用encodeLabel？问题是 FontAwesome 样式表使用 before 伪元素来添加图标。

:after 和:before 伪元素，它们只能放在容器元素上。为什么？因为它们附加在该特定元素内。 input 不是容器。 button 例如 is 因此你可以穿上它们。

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?