public inbox for yew-devel@lists.proxmox.com
 help / color / mirror / Atom feed
From: Dominik Csapak <d.csapak@proxmox.com>
To: yew-devel@lists.proxmox.com
Subject: [yew-devel] [PATCH yew-widget-toolkit 2/4] props: field builder/std props: add 'id' to the std field props
Date: Thu, 22 May 2025 13:31:08 +0200	[thread overview]
Message-ID: <20250522113110.1986398-2-d.csapak@proxmox.com> (raw)
In-Reply-To: <20250522113110.1986398-1-d.csapak@proxmox.com>

this is so we can add an id to a field where we only have a
`FieldBuilder`, for example in an `InpuPanel`

Signed-off-by: Dominik Csapak <d.csapak@proxmox.com>
---
 src/props/field_builder.rs   | 11 +++++++++++
 src/props/field_std_props.rs | 11 +++++++++++
 2 files changed, 22 insertions(+)

diff --git a/src/props/field_builder.rs b/src/props/field_builder.rs
index 38cfb0c..9609596 100644
--- a/src/props/field_builder.rs
+++ b/src/props/field_builder.rs
@@ -100,6 +100,17 @@ pub trait FieldBuilder: Into<VNode> {
         self.as_input_props_mut().label_id = id.into_prop_value();
     }
 
+    /// Builder style method to set the id
+    fn id(mut self, id: impl IntoPropValue<Option<AttrValue>>) -> Self {
+        self.set_id(id);
+        self
+    }
+
+    /// Method to set the id
+    fn set_id(&mut self, id: impl IntoPropValue<Option<AttrValue>>) {
+        self.as_input_props_mut().id = id.into_prop_value();
+    }
+
     /// Builder style method to set the submit flag
     fn submit(mut self, submit: bool) -> Self {
         self.set_submit(submit);
diff --git a/src/props/field_std_props.rs b/src/props/field_std_props.rs
index 38b1b5f..c33ba44 100644
--- a/src/props/field_std_props.rs
+++ b/src/props/field_std_props.rs
@@ -16,6 +16,10 @@ pub struct FieldStdProps {
     #[prop_or_default]
     pub label_id: Option<AttrValue>,
 
+    /// Html element Id for the field.
+    #[prop_or_default]
+    pub id: Option<AttrValue>,
+
     /// Html tabindex attriute
     #[prop_or_default]
     pub tabindex: Option<i32>,
@@ -104,6 +108,13 @@ impl FieldStdProps {
             );
         }
 
+        if let Some(ref id) = self.id {
+            attr_map.insert(
+                AttrValue::Static("id"),
+                (id.clone(), ApplyAttributeAs::Attribute),
+            );
+        }
+
         if let Some(ref tabindex) = self.tabindex {
             attr_map.insert(
                 AttrValue::Static("tabindex"),
-- 
2.39.5



_______________________________________________
yew-devel mailing list
yew-devel@lists.proxmox.com
https://lists.proxmox.com/cgi-bin/mailman/listinfo/yew-devel


  reply	other threads:[~2025-05-22 11:31 UTC|newest]

Thread overview: 4+ messages / expand[flat|nested]  mbox.gz  Atom feed  top
2025-05-22 11:31 [yew-devel] [PATCH yew-widget-toolkit 1/4] props: field std props: fix typo in description of label_id Dominik Csapak
2025-05-22 11:31 ` Dominik Csapak [this message]
2025-05-22 11:31 ` [yew-devel] [PATCH yew-widget-toolkit 3/4] input panel: use the labels tags 'for' property for fields Dominik Csapak
2025-05-22 11:31 ` [yew-devel] [PATCH yew-widget-toolkit 4/4] widget: dropdown: use normal input when using rendered values Dominik Csapak

Reply instructions:

You may reply publicly to this message via plain-text email
using any one of the following methods:

* Save the following mbox file, import it into your mail client,
  and reply-to-all from there: mbox

  Avoid top-posting and favor interleaved quoting:
  https://en.wikipedia.org/wiki/Posting_style#Interleaved_style

* Reply using the --to, --cc, and --in-reply-to
  switches of git-send-email(1):

  git send-email \
    --in-reply-to=20250522113110.1986398-2-d.csapak@proxmox.com \
    --to=d.csapak@proxmox.com \
    --cc=yew-devel@lists.proxmox.com \
    /path/to/YOUR_REPLY

  https://kernel.org/pub/software/scm/git/docs/git-send-email.html

* If your mail client supports setting the In-Reply-To header
  via mailto: links, try the mailto: link
Be sure your reply has a Subject: header at the top and a blank line before the message body.
This is a public inbox, see mirroring instructions
for how to clone and mirror all data and code used for this inbox
Service provided by Proxmox Server Solutions GmbH | Privacy | Legal