Repeated forms on the same page

Often you want the user to have a form not just for one entity but for all of them on the same page. A form for each product in the same category, for example. I’m not talking about multiple different forms but multiple instances of the same form.

This topic has been discussed in the Nette forum so many times that it’s really a shame that it’s still missing in the documentation. Frustrated after an hour spent reading outdated forum posts, I offer here a complete solution based on one of the posts.

Form definition goes into /app/forms/ProductForm.php

  1. span class=”co1″>// used in process()
  2. ‘title’, ‘Heading:’);
  3. …
  4.     $this->onSuccess[] = callback($this, ‘process’‘Product saved.’

Here’s how you use it in your presenter:

  1. span class=”co1″>// this needs to go into action, not render
  2. ‘ProductForm_’.$product[‘id’

And the final piece of the puzzle, your template:

  1. New product form:
  2. {form ProductForm}
  3.   {label title /} {input title, autofocus => TRUE}
  4.   {input save, value => ‘Create’}
  5.   <br />
  6.   {input body}
  7. {/form}
  8.  
  9. <hr />
  10.  
  11. Existing products:
  12. {foreach $products as $product}
  13.   {var formName = ‘ProductForm_’ . $product[‘id’]}
  14.   {form $formName}
  15.     {label title /} {input title}
  16.     {input save}
  17.     <br />
  18.     {input body}
  19.   {/form}
  20. {/foreach}
  21.  

As always, if it doesn’t work for you, check your Nette version and compare it with the tag below.

Tags:

This entry was posted on Tuesday, November 22nd, 2011 at 1:03 pm and is filed under Nette. You can follow any responses to this entry through the RSS 2.0 feed. You can leave a response, or trackback from your own site.

2 Responses to “Repeated forms on the same page”

  1. Filip Procházka (@HosipLan) says:
    November 22, 2011 at 1:12 pm

    var $parent; ?? You can always call $this->getParent() in components, or even better, you can call $this->getPresenter().

    And the whole foreach thing and name composition is unnecessary. You can filter components by type http://pastebin.com/TYr9nUjB

    Reply
  2. Petr 'PePa' Pavel says:
    January 5, 2012 at 10:29 am

    Thanks! I really wish this stuff was in the documentation.

    A note for everyone: Please don’t suggest that I add it to the docs myself. These guys have their own funny rules for what should be included and what shouldn’t.

    Reply

Leave a Reply