2013-09-22 57 views
2

Yii助推器documentation顯示如何在按鈕上彈出一個彈出框。我想通過錨元素而不是按鈕創建一個。基本上我想把這個popover和Yii的tooltip結合起來。有誰知道如何做到這一點?Yii助推器彈出文本而不是按鈕

這是代碼的彈出式過:

$this->widget(
'bootstrap.widgets.TbButton', 
array(
    'label' => 'Top popover', 
    'type' => 'primary', 
    'htmlOptions' => array(
     'data-title' => 'A Title', 
     'data-placement' => 'top', 
     'data-content' => "And here's some amazing content. It's very engaging. right?", 
     'data-toggle' => 'popover' 
    ), 
)); 

如果有改變這不會令按鈕的方式,但只是一個錨的問題將得到解決,但我不能在代碼中找到任何可用於執行此操作的代碼。

更新

繼謝爾蓋的回答,這裏就是我的說:

echo CHtml::Link("$detail->text", null, 
array(
'rel' => 'popover', 
'data-trigger' => "hover", 
'data-title' => "$header", 
'data-content' => "$body" 
)); 

這是接近我所需要的,但由於某些原因,霍夫不起作用,只有點擊,也只有內容得到的顯示不是標題。

回答

5

可以使用了CHtml:

<?php echo CHtml::Link('<i class="icon-info-sign"></i>', null, [ 
    'rel' => 'popover', 
    'data-trigger' => 'hover', 
    'data-title' => 'Your title', 
    'data-content' => 'Your content', 
])?> 

enter image description here

更新: 對於引導2.3.2:

<?php Yii::app()->clientScript->registerScript("", "$('.ipopover').popover();", CClientScript::POS_READY) ?> 
<?php echo CHtml::Link('<i class="icon-info-sign"></i>', null, array(
    'class' => 'ipopover', 
    'data-trigger' => 'hover', 
    'data-title' => 'Your title', 
    'data-content' => 'Your content', 
))?> 
+0

謝謝,這看起來不錯。我會檢查出來的。 – goose

+0

這與我所需要的很接近,但我無法完全按照你的要求去做。我會發布我上面提到的事情,因爲我犯了錯誤。 – goose

+0

嗨謝爾蓋,關於爲什麼我的代碼不工作的任何想法?我只做了一些小調整,其中一項完全有必要,因爲我的PHP版本不接受數組的方括號。任何幫助非常感謝。 – goose

相關問題