Jquery yii CJuiTabs添加新标签

时间:2016-08-29 07:59:30

标签: javascript jquery yii

当我点击" +"请帮助,我想这样做。将添加具有相同渲染部分的新标签
enter image description here


我有一个像这样的基本脚本

  <?php 
                $tabs=array();
                $i=0;
                $a=1;
                for ($i=0;$i<$a;$i++){
                $tabs['Persyaratan '.$a]=array(
                    'id'=>'syarattab',
                    'content'=>$this->renderPartial("_formsyarat",array('mdsyarat'=>$mdsyarat),$this));
                }
                $tabs['+']=array(
                    'id'=>'tambah');

                $this->widget('zii.widgets.jui.CJuiTabs',array(
                    'tabs'=>$tabs,
                    'options'=>array(
                        'collapsible'=>true,
                    ),
                    'id'=>'Tabs_syarat',
                ));?>

如何在标签+中添加jquery代码?请帮忙..谢谢

1 个答案:

答案 0 :(得分:0)

<强> TLDR: In jquery-ui 1.9, how do you create new tabs dynamically? 你可以使用这个方法,因为CJui是jQuery UI插件。

您可以使用jQuery Ui Tabs API的文档,有一种名为&#34; refresh&#34;的方法。

添加新标签的基本算法将是:

  1. 按加号添加事件,添加新内容并直接在DOM中添加新ID。
  2. 致电&#34;刷新&#34;上面链接的方法。
  3. 如果您的CJuiTabs使用旧版本的jQuery UI,您还可以查看升级指南: http://jqueryui.com/upgrade-guide/1.9/#deprecated-add-and-remove-methods-and-events-use-refresh-method