私のシナリオでは、クライアントがリンクをクリックするたびに、twitter ブートストラップ モーダルが表示されます。これまでのところ、ウィジェット CJuiDialog を変更して Bootstrap ウィジェットにしました
<?php
/** Start Widget **/
//$this->beginWidget('zii.widgets.jui.CJuiDialog',array(
// 'id'=>'mydialog',
// 'options'=>array(
// 'title'=>'Dialog box',
// 'autoOpen'=>false,
// ),
//));
$this->beginWidget('bootstrap.widgets.TbModal', array('id'=>'myModal'));
//echo 'dialog content here';
?>
<div class="modal-header">
<a class="close" data-dismiss="modal">×</a>
<h4>Modal Header Part</h4>
</div>
<div class="modal-body"><p>One Fine Body...</p></div>
<div class="modal-footer">
<?php $this->widget('bootstrap.widgets.TbButton', array(
'type'=>'primary',
'label'=>'Save changes',
'url'=>'#',
'htmlOptions'=>array('data-dismiss'=>'modal'),
)); ?>
<?php $this->widget('bootstrap.widgets.TbButton', array(
'label'=>'Close',
'url'=>'#',
'htmlOptions'=>array('data-dismiss'=>'modal'),
)); ?>
</div>
<?php
//$this->endWidget('zii.widgets.jui.CJuiDialog');
$this->endWidget();
/** End Widget **/
?>
<?php echo CHtml::link('Open Dialog', '#', array('onclick'=>'$("#mydialog").dialog("open"); return false;',));?>
しかし、残念ながらうまくいきませんでした。CJuiDialog のように CHtml::link を使用してリンクする方法を知っている人はいますか? 以下のように正常に動作しているブートストラップウィジェットを使用する代わりに
<?php $this->widget('bootstrap.widgets.TbButton', array(
'label'=>'Open Dialog',
'type'=>'primary',
'htmlOptions'=>array(
'data-toggle'=>'modal',
'data-target'=>'#myModal',
),
)); ?>