2013-09-22 2 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

안녕 Sergey, 내 코드가 작동하지 않는 이유에 대한 아이디어가 있습니까? 필자는 약간의 조정 만하고 PHP의 제 버전은 배열의 대괄호를 허용하지 않기 때문에 필요했습니다. 어떤 도움을 많이 주셨습니다. – goose