StackOverflow2013

Note that there are some explanatory texts on larger screens.

plurals

PO
text
Body
copied!<p>Thanks @Salman for your suggestions as they lead me in the right direction and I managed to solve the problem. I managed to pass multiple parameters with the ajax .load() call by passing them as get parameters. The results of the ajaxAction could then be formatted in the ajax.ajax.phtml view and were consecutively shown within the #results div that resides in the index.phtml where the select boxes are.</p> <h3>controller/index.phtml</h3> <pre><code><div id="results" style="display:block;">Select all three values</div> </code></pre> <h3>IndexController init and ajaxAction</h3> <pre><code>public function init() { $ajaxContext = $this->_helper->getHelper('AjaxContext'); $ajaxContext->addActionContext('ajax', 'html')->initContext('html'); } public function ajaxAction() { $select1 = $this->_request->getQuery('select1'); $select2 = $this->_request->getQuery('select2'); $select3 = $this->_request->getQuery('select3'); $form = new Application_Form(); // Database operations and logic $this->view->form = $form; $this->view->array = $somearray; } } </code></pre> <h3>jquery script in index.phtml</h3> <pre><code>$(document).ready(function(){ $('.selector').change(function() { var select1 = $('#select1').val(); var select2 = $('#select2').val(); var select3 = $('#select3').val(); if ( select1 && select2 && select3) { $('#results').show(); $('#results').load('/controller/ajax?select1=' + select1 + '&select2=' + select2 + '&select3=' + select3); } }); }); </code></pre> <h3>controller/ajax.ajax.phtml</h3> <pre><code><?php if ( $this->array ) : ?> <?php echo( $this->form ); ?> <?php else: ?> Nothing found for selected values <?php endif ?> </code></pre>

Querying!

Guidance

An individual column

Larger individual text columns get their own page to allow for proper reading.

SQuiL has stopped working due to an internal error.

If you are curious you may find further information in the browser console, which is accessible through the devtools (F12).

Reload