[Cake][CakePHP] Formularz wyboru modelu auta dopiero po wybraniu marki auta?, Formularz podobny jak na otomoto.pl Opcje

[kleus]

Witam...
mam w bazie tabele:
1. Makes -> id, name
2. Modeles -> id, make_id, name
3. Cars -> id, make_id, modele_id, motor...

Mam kontroller CarsController i w nim funkcje

[PHP] pobierz, plaintext 
function add(){
			$Make = $this -> Makes -> find('list');
			$this -> set('Make', $Make);
 
			$Model = $this -> Modeles -> find('list');
			$this -> set('Model', $Model);
		}
[PHP] pobierz, plaintext 

w widoku ładnie mi tworze pola wyboru marki i modelu auta, ale chciałbym żeby opcja wybory modelu auta była dostępna dopiero po wybraniu marki auta tak jak na otomoto.pl

Proszę o naprowadzenie jak utworzyć odwołanie z widoku do kontrolera aby ten pobrał właściwe dane i zwrócił do widoku...

[kicaj]

To zadanie dla AJAX'a lub samego JS

[kleus]

zdaję sobie z tego sprawę. Moje pytanie brzmi jak zrobić odwołanie z widoku do controllera aby odpowiednie dane pobrać?

[karolrynio]

Masz 2 rozwiązania jak napisał kicaj:
1. Używając JS:
Pobierasz w kontrolerze:

[PHP] pobierz, plaintext 
function add(){
   $Make = $this -> Makes -> find('list');
   $this -> set('Make', $Make);
 
   // ustawiasz żeby sortowanie było po make_id ( jeśli tak nazywa się kolumna w bazie )
   $params = array( 'order' => 'Modeles.make_id' ); 
 
   // pobierasz wszystko żeby rozbić sobie na inne tablice
   $Models = $this -> Modeles -> find('all', $params);
 
   $modelsGroups = array();
 
 
   // usupełniasz tablice według grup, żeby później łatwiej nimi maniouować
   foreach( $Models as $model ) {
      $name = $model['Modeles']['name'];
      $key = $model['Modeles']['id'];
      $modelsGroups[ $model['Modeles']['make_id'] ][ $key ] = $name;
   }
 
   $this->set( compact('modelsGroups') );
 
}
[PHP] pobierz, plaintext 

I i widoku masz coś takiego:

[PHP] pobierz, plaintext 
foreach( $Make as $make ) {
   $options = $modelsGroups[ $make['Makes']['make_id'] ];
   // echo $form->select z opcjami $options i odpowiednim id
}
[PHP] pobierz, plaintext 

I teraz za pomocą JA po zmianie na pierwszym selekcie wywołujesz akcje która:
- ukrywa selekty
- pokazuje selekt z id który pasuje do zaznaczonej opcji

2. Używając ajaxa musisz:
- stworzyć metodę która zwraca listę opcji przy danym id
- po zmianie na selekcie musisz wywołać ajaxa który pobierze listę opcji
- usunąć wszystkie opcje z drugiego selekta
- dodać te które zwróci ajax.

Oczywiście musisz zmienić nazwy kolumn na takie jak masz w bazie.

[kleus]

wstawiam rozwiązanie może komuś się przyda. Bardzo dzięki za naprowadzenie jak rozwiązać 'zagadkę' ;D btw. Manual Cake jest naprawdę bardzo dobrze opisany.
W default.ctp dodajmy

[PHP] pobierz, plaintext 
<?php echo $javascript->link(array('jquery-1.6.2.min', 'prototype', 'scriptaculous')); ?>
[PHP] pobierz, plaintext 

[PHP] pobierz, plaintext 
CarsController.php
<?php
	class CarsController extends AppController{
		var $name = 'Cars';
		var $helpers = array('Html','Form','Ajax');
    	var $components = array('RequestHandler');
		var $uses = array('Modeles','Makes', 'Cars');
 
		function add(){
			$Makes = $this -> Makes -> find('list');
			$conditions = array( 'order' => 'Modeles.make_id' ); 
			$this -> set('Make', $Makes);
		}
		function update_select(){
			$Modele = $this -> Modeles -> find('list', array('conditions' => array('make_id' => $this -> data['Cars']['Make_id'])));
			$this -> set('Modele', $Modele);
		}
    }
 
?>
[PHP] pobierz, plaintext 

WIDOK ADD.CTP

[PHP] pobierz, plaintext 
<h2>New Car</h2>
<?php echo $this->Form->create('Cars'); ?>
	<?php echo $this->Form->input('Make_id', array('options' => $Make, 'empty' => ''), null, array('id' => 'make_id', 'label' => 'Marka'));?>
	<?php $options = array('url' => 'update_select','update' => 'CarsModeleId');?>
	<?php echo $ajax->observeField('CarsMakeId', $options);?>
	<?php echo $this->Form->input('Modele_id', array('options' => '', 'empty' => ' '), null, array('id' => 'modele', 'label' => 'Model'));?>
<?php echo $this->Form->end(); ?>
[PHP] pobierz, plaintext 

WIDOK UPDATE_SELECT.CTP

[PHP] pobierz, plaintext 
<?php
	echo "<option value=\"\"> </option>\n";
	foreach($Modele as $k => $v) {
 	echo "<option value=\"$k\">$v</option>\n";
	}
?>
[PHP] pobierz, plaintext