Struct seed::dom_types::El

pub struct El<Ms: 'static> {
    pub tag: Tag,
    pub attrs: Attrs,
    pub style: Style,
    pub listeners: Vec<Listener<Ms>>,
    pub children: Vec<Node<Ms>>,
    pub node_ws: Option<Node>,
    pub namespace: Option<Namespace>,
    pub hooks: LifecycleHooks<Ms>,
}

A component in our virtual DOM. MDN reference web_sys reference

Fields

tag: Tag

attrs: Attrs

style: Style

listeners: Vec<Listener<Ms>>

children: Vec<Node<Ms>>

node_ws: Option<Node>

The actual web element/node

namespace: Option<Namespace>

hooks: LifecycleHooks<Ms>

Methods

impl<Ms> El<Ms>

pub fn empty(tag: Tag) -> Self

Create an empty element, specifying only the tag

pub fn empty_svg(tag: Tag) -> Self

Create an empty SVG element, specifying only the tag

pub fn from_markdown(markdown: &str) -> Vec<Node<Ms>>

Create elements from a markdown string.

pub fn from_html(html: &str) -> Vec<Node<Ms>>

Create elements from an HTML string.

pub fn add_child(&mut self, element: Node<Ms>) -> &mut Self

Add a new child to the element

pub fn add_attr(
    &mut self,
    key: impl Into<Cow<'static, str>>,
    val: impl Into<AtValue>
) -> &mut Self

Add an attribute (eg class, or href)

pub fn add_class(&mut self, name: impl Into<Cow<'static, str>>) -> &mut Self

Add a class. May be cleaner than add_attr

pub fn add_style(
    &mut self,
    key: impl Into<St>,
    val: impl Into<CSSValue>
) -> &mut Self

Add a new style (eg display, or height)

pub fn add_listener(&mut self, listener: Listener<Ms>) -> &mut Self

Add a new listener

pub fn add_text(&mut self, text: impl Into<Cow<'static, str>>) -> &mut Self

Add a text node to the element. (ie between the HTML tags).

pub fn replace_text(&mut self, text: impl Into<Cow<'static, str>>) -> &mut Self

Replace the element's text. Removes all text nodes from element, then adds the new one.

pub fn get_text(&self) -> String

pub fn strip_ws_nodes_from_self_and_children(&mut self)

Remove websys nodes.

Trait Implementations

impl<Ms: 'static, OtherMs: 'static> MessageMapper<Ms, OtherMs> for El<Ms>

type SelfWithOtherMs = El<OtherMs>

fn map_message(
    self,
    f: impl FnOnce(Ms) -> OtherMs + 'static + Clone
) -> El<OtherMs>

Maps an element's message to have another message.

This allows third party components to integrate with your application without having to know about your Msg type beforehand.

Note

There is an overhead to calling this versus keeping all messages under one type. The deeper the nested structure of children, the more time this will take to run.

impl<Ms> UpdateEl<El<Ms>> for Attrs

fn update(self, el: &mut El<Ms>)

impl<'_, Ms> UpdateEl<El<Ms>> for &'_ Attrs

fn update(self, el: &mut El<Ms>)

impl<Ms> UpdateEl<El<Ms>> for Style

fn update(self, el: &mut El<Ms>)

impl<'_, Ms> UpdateEl<El<Ms>> for &'_ Style

fn update(self, el: &mut El<Ms>)

impl<Ms> UpdateEl<El<Ms>> for Listener<Ms>

fn update(self, el: &mut El<Ms>)

impl<Ms> UpdateEl<El<Ms>> for Vec<Listener<Ms>>

fn update(self, el: &mut El<Ms>)

impl<Ms> UpdateEl<El<Ms>> for DidMount<Ms>

fn update(self, el: &mut El<Ms>)

impl<Ms> UpdateEl<El<Ms>> for DidUpdate<Ms>

fn update(self, el: &mut El<Ms>)

impl<Ms> UpdateEl<El<Ms>> for WillUnmount<Ms>

fn update(self, el: &mut El<Ms>)

impl<'_, Ms> UpdateEl<El<Ms>> for &'_ str

fn update(self, el: &mut El<Ms>)

impl<Ms> UpdateEl<El<Ms>> for El<Ms>

fn update(self, el: &mut El<Ms>)

impl<Ms> UpdateEl<El<Ms>> for Vec<El<Ms>>

fn update(self, el: &mut El<Ms>)

impl<Ms> UpdateEl<El<Ms>> for Node<Ms>

fn update(self, el: &mut El<Ms>)

impl<Ms> UpdateEl<El<Ms>> for Vec<Node<Ms>>

fn update(self, el: &mut El<Ms>)

impl<Ms> UpdateEl<El<Ms>> for Tag

This is intended only to be used for the custom! element macro.

fn update(self, el: &mut El<Ms>)

impl<Ms, I, U, F> UpdateEl<El<Ms>> for Map<I, F> where
    I: Iterator,
    U: UpdateEl<El<Ms>>,
    F: FnMut(I::Item) -> U, 

fn update(self, el: &mut El<Ms>)

impl<Ms> View<Ms> for El<Ms>

fn els(self) -> Vec<Node<Ms>>

impl<'_, Ms> From<&'_ Element> for El<Ms>

fn from(ws_el: &Element) -> Self

Create a vdom node from a web_sys::Element. Used in creating elements from html and markdown strings. Includes children, recursively added.

impl<Ms> Clone for El<Ms>

Allow the user to clone their Els. Note that there's no easy way to clone the closures within listeners or lifestyle hooks, so we omit them.

fn clone(&self) -> Self

Returns a copy of the value.

fn clone_from(&mut self, source: &Self)

Performs copy-assignment from source.

impl<Ms> PartialEq<El<Ms>> for El<Ms>

fn eq(&self, other: &Self) -> bool

This method tests for self and other values to be equal, and is used by ==.

#[must_use] fn ne(&self, other: &Rhs) -> bool

This method tests for !=.

impl<Ms: Debug + 'static> Debug for El<Ms>

fn fmt(&self, f: &mut Formatter) -> Result

Formats the value using the given formatter.