using CJuiTabs inside CJuiTabs

kuldeepkaundal · April 28, 2011, 1:17pm

Hi,

I wan to know is there a way to use CJuiTabs inside other CJuiTabs. My site’s requirement is such that i need to display tabs inside the main tab area when one of the tabs is clicked. and data for all the tabs comes from different controllers. Here’s the juiTabs code i am using:

view 1 in one controller:

$ajaxUrl6 = $this->createUrl(‘user/myarea’);

$ajaxUrl7 = $this->createUrl(‘project/projects’);

$this->widget(‘zii.widgets.jui.CJuiTabs’, array(

'tabs'=&gt;array(


                  


    // panel 3 contains the content rendered by a partial view





    'Account'=&gt;array('ajax'=&gt;&#036;ajaxUrl6),





    'Projects'=&gt;array('ajax'=&gt;&#036;ajaxUrl7),


    


),





// additional javascript options for the tabs plugin





'options'=&gt;array(





    'collapsible'=&gt;true,





),

));

view 2 in other controller, opened by clicking on one of the tabs in first view

$ajaxUrl8 = $this->createUrl(‘project/new’);

$ajaxUrl9 = $this->createUrl(‘message/create’);

$this->widget(‘zii.widgets.jui.CJuiTabs’, array(

'tabs'=&gt;array(


    


    


    'View Bids'=&gt;array('ajax'=&gt;&#036;ajaxUrl8),     


           


    'Message'=&gt;array('ajax'=&gt;&#036;ajaxUrl9),


    


   


                                                     


),





// additional javascript options for the tabs plugin





'options'=&gt;array(





    'collapsible'=&gt;true,





),

));

But, it doesn’t display the tabs in second view.

Regards,

Kul.

kuldeepkaundal · May 10, 2011, 10:00am

i used following code in tabs files, and it worked:

<?php

$tabs=array();

$criteria = new CDbCriteria();

$criteria->select = "id,title";

$criteria->condition = "id=".Yii::app()->user->id;

$data=abc::model()->findAll($criteria);

if(empty($data)) {

  echo &quot;No Details found&#33;&quot;;


  exit;

}

$details=CHtml::listData($data,‘id’,‘title’);

foreach($details as $value=>$name){

  &#036;projbids=xyz::getBidsCount(&#036;value); 


  &#036;ajaxUrl = &#036;this-&gt;createUrl('controller/action',array('pid'=&gt;&#036;value)); 


  &#036;projecttitle=&#036;name.'('.&#036;projbids.')';


  &#036;tabs[0][&#036;projecttitle] = array(&#036;value,'ajax'=&gt;&#036;ajaxUrl);

}

&#036;ajaxUrl = &#036;this-&gt;createUrl('user/viewbids/');


&#036;this-&gt;widget('zii.widgets.jui.CJuiTabs', array(


    'tabs'=&gt;&#036;tabs[0],


    // additional javascript options for the tabs plugin


    'options' =&gt; array(


        'collapsible' =&gt; true,


        'idPrefix' =&gt; 'bids-tabs',


    ),


   


    'htmlOptions'=&gt;array('id'=&gt;'bidtabs',


                         'style'=&gt;'width: 630px',


                        ),  


));

?>