2013-07-02 125 views
0

我的場景是客戶端點擊鏈接時,將顯示twitter bootstrap模式。到目前爲止,我修改控件CJuiDialog成爲引導部件用Yii中的CHtml :: link替換TbButton

<?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 ::鏈接CJuiDialog鏈接什麼樣的? 代替具有自舉widget作爲低於該工作正常

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

回答

1

official manual之後,你需要設置鏈接屬性HREF =「#[modelID]」與數據肘節=「模態」:

<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') 
); 
+0

感謝費邊,我從來沒有打開我的計算器的年齡,感謝答覆 – afikri

+0

歡迎您。如果答案有幫助,請投票。 –

+0

我很想去,但我的名聲禁止我投票:) – afikri

相關問題