tom-gerken

tom-gerken

I’m trying to generate some radio buttons dynamically. It’s easy enough when I have two options I can use = radio_button(f, :field_name, “false”) and radio_button(f, :field_name, “true”) . But what if I want to generate several options from a map? Are there any markup generators I can use to keep my code dry? Like: TemplateHelper.generate_radio(data)?

Showing Posts 1 to 6

peerreynders

peerreynders

What about using a list comprehension?

https://hexdocs.pm/phoenix/templates.html#examples

scan down to Displaying Lists

tom-gerken

tom-gerken OP

Thank you, that link was super helpful! I’ve got something working using the following:

<div class="form-control">
  <%= for l <- parse_function @data do %>
    <div class="pretty p-default p-curve">
        <%= radio_button(f, :field_name, elem(l, 1)) %>
        <div class="state">
            <label><%= elem(l, 0)%></label>
        </div>
    </div>
  <% end %>
</div>

Is there an approach where I can encapsulate that in another function, so I could just call something like radio_group(@data, :field_name)?

mikemccall

mikemccall

You can use the render function in a view. You can create a shared view (name it whatever, SharedView, FormHelpersView, etc) and move the rendering there.

# in the template, form.html.eex
render MyApp.SharedView, "radio_group.html", form: f, data: @data, field: :field %>

2 options for the shared view template. Return the html from the view’s render function or create a template.

defmodule MyAppWeb.SharedView do
  use MyAppWeb, :view
  
  def parse_function(data) do 
    ...
  end

  # return html from view function
  def render("radio_group.html", %{form: f, data: data, field: field) do
    ~E(
         <div class="form-control">
           <%= for l <- parse_function data do %>
           <div class="pretty p-default p-curve">
             <%= radio_button(f, field, elem(l, 1)) %>
              <div class="state">
                <label><%= elem(l, 0)%></label>
             </div>
           </div>
          <% end %>
      </div>
    )
  end

end

If you do not want to return the html in the view function you can create a template for it like any other view template/shared/radio_group.html.eex.

Reference:
sigil_E/2

Phoenix View

The examples shown for rendering custom scripts in the phoenix docs for render_existing/3 really helped me.

tom-gerken

tom-gerken OP

Mike thank you for the response, and the links to read more information. I really appreciate how this community values helping and learning! In that spirit, I just wanted to add one piece I learned is that the close parenthesis “)” symbol needs to be escaped in sigil E. So I had to rewrite

<%= radio_button(f, field, elem(l, 1)) %>

as

<%= radio_button(f, field, elem(l, 1\)\) %>

OvermindDL1

OvermindDL1

That’s why I like using """ or so for template sigils. :slight_smile:

NobbZ

NobbZ

Any closing delimiter matching the opening delimiter has to be escaped, that is by design of the sigils.,

As a rule of thumb, when you have multiline content just use """ or '''. They will rarely occur in your literal. If your snippet were a onliner, you could also use ', [/], or {/} as delimiter, which seem to not clash on a first glance.

— All posts loaded —

Where Next? Top

Trending in Questions Top

RSP87
I’m working on a project that simulates the bumbl example in the programming phoenix book. It acts almost like an email client. We have a...
New
kszambelanczyk
Hello! Could someone please give me a help/sample code, how to delete a file from s3 using waffle/waffle_ecto from Phoenix app. I creat...
New
RemyXRenard
I’m seeing that a list inside a Kino.DataTable will be interpreted as a charlist, even if the Kino.configure() is set to charlists: :as_l...
New
velrest
So my question is quite simple and i have found no conclusive answer on forum, google or AI. Should we use :erlang.float for Integer to ...
New
samoloth
Hi, I’ve just set up an application with ash_authentication. There is only magic link strategy for now, so there is no confirmation add o...
New
FlyingNoodle
If a change or preparation module uses Ash.Changeset.get_argument/2 or Ash.Query.get_argument/2 (or any of the other get_argument functio...
New
psy-q
I’m trying to set up Emacs with elixir-ls via lsp-mode and credo via Flycheck. This should mostly be preconfigured as Flycheck picks up c...
New

Other Trending Topics Top

mudasobwa
I am happy to introduce the very α version of the new programming language compiled to BEAM. Welcome Cure. It has literally three kille...
New
garrison
Hobbes is a low-level distributed database for the Elixir programming language. Hobbes provides a simple, safe, and scalable storage lay...
New
marciok
Hi there! We created Gust: A task orchestrator inspired by Airflow. For those who have never heard about Aiflow, it’s a Python-based wor...
New
jimsynz
Beam Bots (or just BB for short) is a framework for building fault-tolerant robotics applications in Elixir using familiar OTP patterns. ...
New
Dmk
Xamal is a deployment tool for Elixir apps that deploys native releases to bare metal servers over SSH. It’s a port of GitHub - basecamp/...
New
Damirados
Hello everyone. After busy few months I am happy to announce v0.1.0 of Emerge &amp; Solve. They are GUI (Emerge) and State management (S...
New

We're in Beta

About us Mission Statement

Options

Thread Display Mode




Thread Preview

Skip Thread Previews