如何使用javascript定义小部件

时间:2014-11-21 09:50:52

标签: javascript php yii

我的对话代码正在关注..

<?php 
$this->beginWidget('zii.widgets.jui.CJuiDialog', array(
'id'=>'pagetemplate',
'options'=>array(
'title'=>'Page Template',
'autoOpen'=>false,
'modal'=>true,
'width'=>1000,
'height'=>300           
),
));?>

当一个javascript函数CLICK正在调用时,我想在click函数下定义这个代码。我该如何将其转换为javascript?

1 个答案:

答案 0 :(得分:0)

您可以参考here,对于工作演示,您可以参考here

    $this->beginWidget('zii.widgets.jui.CJuiDialog',array(
    'id'=>'mydialog',
    // additional javascript options for the dialog plugin
    'options'=>array(
        'title'=>'Dialog box 1',
        'autoOpen'=>false,
    ),
));

    echo 'dialog content here';

$this->endWidget('zii.widgets.jui.CJuiDialog');

// the link that may open the dialog
echo CHtml::link('open dialog', '#', array(
   'onclick'=>'$("#mydialog").dialog("open"); return false;',

    ));

对于您的实例

<a href='#' onClick ='click();' ><img src='". Yii::app()->baseURL.'/images/templateicon.png'."' width=10% height=5% /></a>.

所以现在我写了一个javascript函数

    <script>
    function click(){
      $("#mydialog").dialog("open"); return false;
}
    </script>