0

我的场景是每当客户点击链接时，都会显示 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">&times;</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;',));?>

但不幸的是它没有用，有谁知道如何使用 CHtml::link 链接，就像在 CJuiDialog 中一样？而不是如下所示的引导小部件，它工作正常

<?php $this->widget('bootstrap.widgets.TbButton', array(
    'label'=>'Open Dialog',
    'type'=>'primary',
    'htmlOptions'=>array(
        'data-toggle'=>'modal',
        'data-target'=>'#myModal',
    ),
 )); ?>
4

1 回答 1

1

官方手册之后，需要设置链接属性href="#[modelID]"和data-toggle="modal"：

<a href="#myModal" role="button" class="btn" data-toggle="modal">Launch demo modal</a>

要使用 Yii 生成这样的链接，请使用以下代码：

<?php
echo CHtml::link(
    'Open Dialog',
    '#myModal',
    array('data-toggle' => 'modal')
);
于 2013-07-26T14:18:38.403 回答