kaiba-ns

kaiba-ns

Hello,

I need to toggle disabled attribute on an input field and have the following code:

def is_disabled(true, attrs), do: [{:disabled, true} | attrs]
def is_disabled(_, attrs), do: attrs

<%= form_for :price_form, "#", [phx_change: :price_change], fn f -> %>
     <%= text_input f, :price, is_disabled(true, [value: @total_price]) %>

The input field will be shown correctly - it will be disabled and the toggling will work. The problem is however that in the appropriate callback function, the form will just ignore that input field:

  def handle_event("price_change", params, socket) do
     IO.inspect params["price_form"]

The IO.inspect shows the following:

%{
  "comment" => "",
  "invoicing_entity" => "1",
}

All input fields are shown except for the :price one.

I confirmed that when I take out the toggling part, everything works fine.

Any help is highly appreciated!

Showing Posts 1 to 3

benwilson512

benwilson512

Author of Craft GraphQL APIs in Elixir with Absinthe

Disabled fields do not have their value sent. If you want to send the value you probably want to create a hidden field when the text input is disabled with the same name that holds the value.

lucaong

lucaong

Or, alternatively, use readonly instead of disabled if you want to show the input (and submit it) but prevent users to change its value.

A readonly text input can be focused and is submitted as part of the form, but cannot be changed manually by the user.

kaiba-ns

kaiba-ns OP

Thanks for your response @benwilson512

I don’t want to send the value of the disabled field but the value of that field when it is enabled.
So, initially the field is disabled, but if the user clicks on some other field, it will be enabled and the user can type in new value. It is that new value I would like to send.

— All posts loaded —

Where Next? Top

Trending in Questions Top

stjefim
Hello! Suppose you are building workflow (order / task / payment) processing system with the following requirements: Each workflow con...
New
jonnycharles
I’m in search of an Elixir library that offers PDF generation capabilities similar to Ruby’s Prawn. While there have been discussions abo...
New
Blokh
Hey guys, I’ve got a huge CSV ( around 10 GB ) that needs to be processed hourly Do you guys have any suggestions what is the best prac...
New
roeland
Kia ora, We have been using elixir-google-api to connect to Google Drive. However, with the updates to Tesla due to CVEs this is now bro...
New
subsaharancoder
I’ve followed the Phoenix LiveView file upload code here Uploads — Phoenix LiveView v1.0.0-rc.7 and so far everything works just fine wit...
New
mohsen
I’m using an Umbrella project for a Phoenix application, and I want to have one Ecto Repo and one PostgreSQL database shared by all apps....
New
jaybe78
Hello, I’m developing a online persistent chat system (what’s app) like using elixir/dynamodb/aws for a mobile app(flutter). The diffic...
New

Other Trending Topics Top

JesseHerrick
Hey, I’m Jesse and I’m the main contributor behind Dexter, a full-featured, lightning-fast Elixir LSP optimized for large codebases. It s...
New
garrison
Hobbes is a low-level distributed database for the Elixir programming language. Hobbes provides a simple, safe, and scalable storage lay...
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
mcass19
ExRatatui lets you cook up rich terminal UIs in Elixir, powered by Rust’s ratatui via Rustler NIFs. Build interactive terminal applicatio...
New
netoum
Corex is an accessible, unstyled UI component library for Phoenix that integrates Zag.js state machines using Vanilla JavaScript and Live...
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