How to fill out fields in one form for multiple objects in Thymeleaf?

Question

I have a following models (without getters and setters for readability):

   @Entity
public class Recipe extends BaseEntity {
  private String name;
  private String description;
  private Category category;

  @OneToMany(mappedBy = "recipe", cascade = CascadeType.ALL)
  private List ingredients;

  @OneToMany(mappedBy = "recipe", cascade = CascadeType.ALL)
  private List instructions;

  @ManyToMany
  private List administrators;

  private int preparationTime;
  private int cookTime;

  public Recipe(){
    super();
    ingredients = new ArrayList<>();
    instructions = new ArrayList<>();
    administrators = new ArrayList<>();
  }

  public Recipe(String name, String description, Category category, int preparationTime, int cookTime) {
    this();
    this.name = name;
    this.description = description;
    this.category = category;
    this.preparationTime = preparationTime;
    this.cookTime = cookTime;
  }

*

@Entity
public class Ingredient extends BaseEntity {
  private String name;
  private String condition;
  private double quantity;
  private Measurement measurement;

  @ManyToOne
  private Recipe recipe;

  public Ingredient(){
    super();
  }

  public Ingredient(String name, String condition, double quantity, Measurement measurement) {
    this();
    this.name = name;
    this.condition = condition;
    this.quantity = quantity;
    this.measurement = measurement;
  }

*

@Entity
public class Instruction extends BaseEntity {
  private String name;
  private String description;

  @ManyToOne
  private Recipe recipe;

  public Instruction(){
    super();
  }

  public Instruction(String name, String description) {
    this();
    this.name = name;
    this.description = description;
  }

What i need to do is to fill out fields for each object in one Thymeleaf form and POST it. I know how to do it with a single object. Please explain how to set up the from and controller for multiple objects, so in the end ill have recipe posted with ingredients and instructions list. Thanks!

EDITED: Here is a controller methods:

     @RequestMapping("/recipes/add")
  public String formNewRecipe(Model model) {
    Recipe recipe = new Recipe();

    if (!model.containsAttribute("recipe")) {
      model.addAttribute("recipe", recipe);
    }
    model.addAttribute("action", "/recipes");
    model.addAttribute("heading", "New Recipe");
    model.addAttribute("submit", "Save");
    model.addAttribute("categories", Category.values());
    model.addAttribute("measurements", Measurement.values());
    return "edit";
  }

  @RequestMapping(value = "/recipes", method = RequestMethod.POST)
  public String addRecipe(@Valid Recipe recipe,
                          BindingResult result,
                          RedirectAttributes redirectAttributes) {

    if (result.hasErrors()) {
      redirectAttributes
          .addFlashAttribute("org.springframework.validation.BindingResult.recipe", result);
      redirectAttributes.addFlashAttribute("recipe", recipe);
      return "redirect:/recipes/add";
    }

    recipes.save(recipe);
    redirectAttributes.addFlashAttribute("flash",
        new FlashMessage("New Recipe Created!!!", FlashMessage.Status.SUCCESS));
    return "redirect:/recipes/" + recipe.getId();
  }

and Thymeleaf form:



                
                    
                        
                    
                    
                        
                            
                            
                                
                            
                        
                    
                
                

                
                    
                        
                             Name 
                        
                    
                    
                        
                        

                        
                        
                    
                
                

                
                    
                        
                             Description 
                        
                    
                    
                        
                        

                        
                        
                    
                
                

                
                    
                        
                             Category 
                        
                    
                    
                        
                            
                        
                    
                
                

                
                    
                        
                             Prep Time 
                        
                    
                    
                        
                            
                        

                        
                    
                
                

                
                    
                        
                             Cook Time 
                        
                    
                    
                        
                            
                        

                        
                    
                
                

                
                    
                        
                             Ingredients 
                        
                    
                    
                        
                             Item 
                        
                    
                    
                        
                             Condition 
                        
                    
                    
                        
                             Quantity 
                        
                    
                    
                        
                             Measurement 
                        
                    

                    
                        
                            
                                
                            

                            
                        
                        
                            
                                
                            

                            
                        
                        
                            
                                
                            

                            
                        
                        
                            
                                
                            
                        
                    

                    
                        
                            
                        
                    

                
                

                
                    
                        
                             Instructions 
                        
                    
                    
                        
                             Steps 
                        
                    
                    
                        
                             Description

Metroids · Accepted Answer

It looks something like this:

If you have a dynamic amount of ingredients, the th:each might look like this:

Dynamically adding another ingredient to the form is kind of painful... you either have to submit the form and modify the Recipe object in a controller (adding an ingredient, then redirecting back to the form). Or you can use javascript to copy the fields, making sure the name/id/etc match the others, with the index incremented.

How to fill out fields in one form for multiple objects in Thymeleaf?

Answers (1)

Related Questions