Form Tab Widget

<script>
$(document).ready(function(e) {
    AmbilPlanNumb();

    $("#DistributionPlan_distribution_destination").change(function(){
        var dis     = $(this).val();
        var regid   = $("#DistributionPlan_destination_ro").val();
        if(dis==2){
            AmbilIC(regid);
        }else{
            $("#DistributionPlan_destination_ic").empty();
            $("#DistributionPlan_destination_ic").attr("disabled", "disabled");
        }
    });

    $("#DistributionPlan_destination_ro").change(function(){
        var disdes = $("#DistributionPlan_distribution_destination").val();
        var regid  = $(this).val();
        if(disdes==2){
            $("#DistributionPlan_destination_ic").empty();
            AmbilIC(regid);
        }
    });

});

function AmbilPlanNumb(){
    $("#DistributionPlan_distribution_plan_number").val('');
    $.ajax({
        type: 'GET',
        url: '<?php echo Yii::app()->createAbsoluteUrl("distributionplan/ambilplan"); ?>',
        dataType: 'json',
        cache: false,
        success: function(result) {
            $("#DistributionPlan_distribution_plan_number").val(result[0].distnumb);
        },
        error: function(jqXHR, exception){
            alert('Error : Distribution plan number');
        }
    });

    var des_ic = $("#DistributionPlan_destination_ic");
    des_ic.empty();
    des_ic.attr("disabled", "disabled");
}

function AmbilIC(id){
    $("#DistributionPlan_destination_ic").val('');
    $.ajax({
        type: 'POST',
        url: '<?php echo Yii::app()->createAbsoluteUrl("distributionplan/ambilic"); ?>',
        data:{
            regid: id
        },
        dataType: 'json',
        cache: false,
        success: function(result) {
            $.each(result, function() {
                $("#DistributionPlan_destination_ic").append($('<option>', {
                    value: this.id,
                    text : this.partner_name
                }));
            });
            $("#DistributionPlan_destination_ic").removeAttr("disabled");
        },
        error: function(jqXHR, exception){
            alert('Error : IC Data');
        }
    });
}
</script>

<div class="row-fluid">
    <div class="span9">

<?php $form=$this->beginWidget('CActiveForm', array(
    'id'=>'distribution-plan-form',
    'enableAjaxValidation'=>false,
    'enableClientValidation'=>true,
    'clientOptions'=>array(
        'validateOnSubmit'=>true,
        'validateOnType'=>true,
    ),
)); ?>


<?php
/*$this->widget('zii.widgets.jui.CJuiTabs', array(
    'tabs' => array(
        'Distribution'  => $this->renderPartial('_form_tab_1', array('form' => $form, 'model' => $model), true),
        'Ship To'       => $this->renderPartial('_form_tab_2', array('form' => $form, 'model' => $model), true),
    ),
    'options' => array(
        'collapsible' => true,
    ),
));*/

$tabs = array();

$tabs['Distribution'] = array(
        'id'=>'dist',
        'content'=>$this->renderPartial('_form_tab_1', array(
                'form' => $form,
                'model'=>$model,
        ),
        true),
);

$tabs['Ship To'] = array(
        'id'=>'ship',
        'content'=>$this->renderPartial('_form_tab_2', array(
                'form' => $form,
                'model'=>$model,
        ),
        true),
);

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

?>


<?php $this->endWidget(); ?>
</div>

    <div class="span3">
        <h3 class="heading">Menu</h3>
            <ul class="list user_list">
                <li>
                    <span class="label label-success pull-right sl_status">online</span>
                    <a class="sl_name" href="index.html">List Data</a><br>
                    <small class="s_color sl_email">Menu untuk melihat list data yg tersimpan</small>
                </li>
            </ul>
    </div>
</div>