Zpracování formuláře odeslaného přes AJAX

quiced

Zdravím,

snažím se vytvořit ve své aplikaci odeslání formuláře za pomocí nette.ajax.js. Formulář se mi přes AJAX odešle i s hodnotami ovšem mám tam trochu specifické zpracování formuláře a nevím si rady jak postupovat po odeslání formuláře. Mám totiž na stránce graf a formulář, který slouží pro nastavení časového období a právě ten formulář odesílám přes AJAX.

Při rendrování odesílám do šablony data do toho grafu. Ovšem nevím jak si poradit s tím formulářem. Udělal jsem to tak, že formulář odesílám přes GET a u rendrování mám filtrování podle data vypadá to takto:

public functio renderKeywordDetail($id){
	    $date_from = $this->getParam('date_from');
		$date_to = $this->getParam('date_to');

        if(isset($date_from) AND isset($date_to)){
            $positions = $this->checkerRepository->getPositionTable()->where('keyword_id = ? AND date >= ? AND date <= ?',$id,$date_from,$date_to);
        }else{
            $positions = $this->checkerRepository->getPositionTable()->where(array('keyword_id' => $id));
        }
        $position_template = array();
        foreach($positions as $position){
            $position_to_template = array();
            $position_to_template[0] = $position['id'];
            $position_to_template[1] = $position['position'];
            $position_template[] = $position_to_template;
        }
		$this->template->keyword_positions_json = $position_template;
}

Zde mám ještě ten formulář:

public function createComponentDateFilterForm(){
    $date_filter = new Form;
    $date_filter->setMethod('GET');
    $date_filter->getElementPrototype()->class('ajax');
    $date_filter->addText('date_from', 'Date from');
    $date_filter->addText('date_to', 'Date to');
    $date_filter->addSubmit('submit', 'Submit');
    return $date_filter;
}

Teď bohužel nevím jak udělat to, aby se po odeslání formuláře přes AJAX zavolalo rendrování a změnily se data v šabloně. Myslím si, že to jak jsem to udělal není ideální a možná by bylo nejlepší vytvořit funkci pro zpracování formuláře a odeslat do šablony jenom json, který už bych zpracoval.

Díky za pomoc.

TomasHalasz

A máš tu část šablony, kterou chceš překreslovat zabalenou ve snippetu? Snippet je pak třeba po submitu formu invalidovat a nette se postará o překreslení toho co je ve snippetu.

Více zde: https://doc.nette.org/…ication/ajax

quiced

V šabloně mám aktuálně nastavený snippet okolo formuláře a potom tam mám script, který právě vytváří ten graf a do toho scriptu zadávám data vypadá to takto:

          <script>
          $(function(){
var d1 = {$keyword_positions_json};
console.log(d1);
$("#flot-1ine").length && $.plot($("#flot-1ine"), [{
        data: d1
    }],
    {
      series: {
          lines: {
              show: true,
              lineWidth: 1,
              fill: true,
              fillColor: {
                  colors: [{
                      opacity: 0.3
                  }, {
                      opacity: 0.3
                  }]
              }
          },
          points: {
              radius: 3,
              show: true
          },
          grow: {
            active: true,
            steps: 50
          },
          shadowSize: 2
      },
      grid: {
          hoverable: true,
          clickable: true,
          tickColor: "#f0f0f0",
          borderWidth: 1,
          color: '#f0f0f0'
      },
      colors: ["#1bb399"],
      xaxis:{
      },
      yaxis: {
        ticks: 5
      },
      tooltip: true,
      tooltipOpts: {
        content: "chart: %x.1 is %y.4",
        defaultTheme: false,
        shifts: {
          x: 0,
          y: 20
        }
      }
    }
);
          });
          </script>

Podle tebe bych měl napsat ještě snippet okolo toho scriptu? A myslíš, že to posílání přes GET a následné zpracování v renderKeywordDetail, bude fungovat?

Díky za odpověď.

TomasHalasz

To co předáváš do JS je v předpokládám v $keyword_positions_json. Ber to tak, že Nette posílá v payloadu vše co je obaleno v snippetu.
Snippetů můžeš mít samozřejmě více, jen je pak potřeba je invalidovat všechny.

V tomhle případě bych zkusil i ten celý javascript dát do stejného snippetu. Nette pak pošle znovu i ten script i s $keyword_positions_json takže by Ti to mělo fungovat tak jak chceš.

Ačkoli čistější a správnější by zřejmě bylo odeslat form ručně ajaxem a pak zpracovat payload s daty, které vrátí server. Ale je to pracnější :-)