JUI AUTOCOMPLETE

gmana ya gan di jui auto complete jika di textfield nya itu value nya itu adalah id dari database sedangkan di labelnya ya label berdasrkan id di database , ni codingan auto complete yang ane pake , :

di view nya gini ::




<?php

        $this->widget('zii.widgets.jui.CJuiAutoComplete', array(

        'attribute'=>'namaunit',

        'model'=>$varspkl,

        'source'=> Docspkl::model()->dropDownDivisi(),

        'options'=>array(

        'showAnim'=>'fold','size'=>15,'maxlength'=>20

        ),

        'htmlOptions'=>array(

        'style'=>'height:18px;'

        ),

        ));

        ?>



nah di modelnya macem gini :::




    public function dropDownDivisi() {

        $criteria = new CDbCriteria;

        $datareader = Organisasi::model()->findAll($criteria);

       // print_r($datareader);

        $option = array();        

        foreach ($datareader as $row) {

                $option[]=$row->namaunit;

            }        

        return $option;

    }



gmana ya gan, di textfieldnya itu pas di submit,yang di submit adalah id dari label nya …

mohon bantuannya ya gan …

thx banget …

masih belum ada yang balas, mohon dong bantuannya … urgent bangt … please

pasti gak ngebaca manual jQuery UI,




public function actionLookupModel(){

	$models = Model::model()->findAll();

	$arModels = array();

	foreach ($models as $model) {

		$arModels[] = array(

		    'id' => $model->id,

		    'label' => $model->label,

		    'value' => $model->label,

		);

	}

	echo CJSON::encode($arModels);

}






<?php echo CHtml::activeLabel($model, 'label'); ?>

<?php

	$this->widget('zii.widgets.jui.CJuiAutoComplete', array(

	    'model' => $model,

	    'attribute' => 'label',

	    'sourceUrl' => array('lookupModel'),

	    // additional javascript options for the autocomplete plugin

	    'options' => array(

		'minLength' => '2',

		'search' => 'js:function(event, ui){

			$(\'#labelId\').val(-1);

                       }',

			'select' => 'js:function(event, ui){

                            $(\'#labelId\').val(ui.item.id);

                        }',

		    ),

		    'htmlOptions' => array(

			'style' => 'height:25px;width:200px;padding:0px 5px;',

			'class' => 'mf'

		    ),

		));

	?>

<?php echo CHtml::activeHiddenField($model, 'labelId', array('id' => 'labelId')); ?>

<?php echo CHtml::error($model, 'label', array('class' => 'validate_error')); ?>