Question

我的方案是每当客户点击链接时，都会显示twitter bootstrap模式。到目前为止，我修改了小部件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;',));?>

但遗憾的是它没有用，有没有人知道如何在CJuiDialog中使用CHtml :: link进行链接？而不是像下面的引导程序小部件工作正常

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

Answer 1

在official manual之后，您需要设置链接属性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')
);

用Yii中的CHtml :: link替换TbButton

1 个答案: