Buscar en CGridView, tablas relacionadas, fechas y datepicker

International Spanish
1

Saludos a todos,

Hace poco hice esta pregunta en el foro en ingles pero voy a probar en mi idioma.

Tengo varias preguntas, todas relacionadas entre si:

  1. Al ubicar un datepicker en un CGridView, en la primer búsqueda no hay problema pero posterior a esto ya no funciona el datepicker.

  2. Ademas de esto mi datepicker cambia el idioma después de la primera búsqueda y queda en chino y no en el idioma que yo deseo. Imagino que si pongo como default el idioma en javascript seria la solución pero no se como hacerlo con yii.

  3. Buscar en CGridView entre un dos fechas

Deseo ubicar un datapicker (from-to) en una columna de un CgridView para buscar entre un rango de dos fechas, pero no se como abarcar este asunto. Tampoco se como manejar bien el CDbCriteria para este caso. Necesito una luz por favor.

  1. También deseo buscar entre tablas relacionadas, no se como utilizar debidamente CDbCriteria y CActiveDataProvider para relacionar varias tablas.

Agradezco su pronta ayuda para tener alguna idea de como empezar este asunto.

JC

2

Bien vamos por partes, primeras dos preguntas, la solución es algo así:

View




$this->widget('zii.widgets.grid.CGridView', array(

	'id'=>'informes-grid',

	'dataProvider'=>$model->search(),

	'filter'=>$model,

	'afterAjaxUpdate'=>'function(){

		jQuery("#'.CHtml::activeId($model, 'f_inspeccion_actual').'").datepicker('.CJSON::encode($model->datepickerOptions()).');

		$.datepicker.setDefaults($.datepicker.regional["es"]);

		}',

							

	'columns'=>array(

		'precinto_new',

		array(

		  'name'=>'f_inspeccion_actual',

		  'value'=>'strtotime($data->f_inspeccion_actual) ? date("d.m.Y",strtotime($data->f_inspeccion_actual)) : ""',

		  'filter'=>$this->widget('zii.widgets.jui.CJuiDatePicker',

			   array(

				 'model'=>$model,

				 'attribute'=>'f_inspeccion_actual',								 

				 'value'=>"$model->f_inspeccion_actual",

			     'language'=>'es',

				 'htmlOptions'=>array('size'=>10, 'style'=>'width:80px !important'),

				 'options'=>$model->datepickerOptions(),

				 ), true

			 ),		  

		),

		....

CJuiDatePicker inicialmente carga el datepicker y esto sucede solo una vez, con el fin de hacer que funcione posteriormente (via ajaxUpdate) Se debe establecer la propiedad afterAjaxUpdate asi:




....

	'afterAjaxUpdate'=>'function(){

		jQuery("#'.CHtml::activeId($model, 'f_inspeccion_actual').'").datepicker('.CJSON::encode($model->datepickerOptions()).');

		$.datepicker.setDefaults($.datepicker.regional["es"]);

		}',

....

ademas de eso he espeficificado valores por defecto al datepicker $.datepicker.setDefaults($.datepicker.regional["es"]… Aunque que creo que este default lo puedo poner antes, pero de momento lo deja alli.

Los parámetros del datepicker options() los llamo de una función en el modelo: ‘options’=>$model->datepickerOptions(),…

Model




....

	public function datepickerOptions()

	{

		return array(

			//'showAnim' => 'fold',

		        //'showButtonPanel'=>true,			

			'dateFormat' => 'dd/mm/yy', // show to user format			

			'showOn'=>'both',		   

			'changeMonth'=>true,

		        'changeYear'=>true,                                        

			'buttonImage'=>'/images/calendar_empty.png',			

			'buttonImageOnly'=>true,

			'buttonText'=>'Seleccione fecha',

                );

	}

....

Detallense también en el View como el datepicker llama los datos y los codifica en JSON. Esto lo tome de aqui…

Este es un buen hack y como dice su autor "Es una pena que sea necesario volver a escribir el selector de fechas…" Pero bueno de verdad funciona y eso es lo que le importa a nuestros clientes, o no?!.

Ya estoy abarcando las otras dos preguntas, pero sigo esperando luces. Gracias!

JC :slight_smile: