yii制作时尚的链接按钮

时间:2014-03-15 19:35:42

标签: jquery html css twitter-bootstrap yii

这里有很好的图标集合caleld Glyphicons http://getbootstrap.com/components/ 它们就像很好的按钮,没有超链接。只需鼠标悬停操作。

我想要的是制作带有超链接和这种风格的按钮。 我安装了Bootstrap,所以我可以使用那个css类。 问题是按钮的结构有

<ul class='bs-glyphicon-list'><li><span>...</span><span>...</span></li></ul>

如果我使用yii CHtml按钮,那么我必须写一些类似的东西:

CHtml::link(BsHtml::icon(BsHtml::GLYPHICON_PLUS).'some text', 
array('controller/action'), $htmlOptions=array ('class'=>'bs-glyphicon-list'));

问题是,其他html选项将传递给标记本身。 而且我必须制作ul + li + span结。我怎么能做到这一点?

1 个答案:

答案 0 :(得分:1)

我对这里的问题有点不清楚。但是如果你使用Chtml :: htmlbutton,这应该可行。

<?php echo CHtml::htmlButton('<i class="glyphicon glyphicon-plus"></i> ' . Yii::t('search', 'Search'), array('class'=>'btn btn-primary', 'id'=>'submit-search', 'type'=>'submit')); ?>

但是htmlButton允许你在纯文本中使用glyiphicons,同时仍然将其他css和选项传递给它。

将在文本

中呈现带有所选glyphicon的引导按钮