Struct yew::html::NodeRef

pub struct NodeRef(_);

Wrapped Node reference for later use in Component lifecycle methods.

Example

Focus an <input> element on mount.

#[cfg(feature = "std_web")]
use stdweb::web::{html_element::InputElement, IHtmlElement};
#[cfg(feature = "web_sys")]
use web_sys::HtmlInputElement as InputElement;

pub struct Input {
    node_ref: NodeRef,
}

impl Component for Input {
    type Message = ();
    type Properties = ();

    fn create(_: Self::Properties, _: ComponentLink<Self>) -> Self {
        Input {
            node_ref: NodeRef::default(),
        }
    }

    fn rendered(&mut self, first_render: bool) {
        if first_render {
            if let Some(input) = self.node_ref.cast::<InputElement>() {
                input.focus();
            }
        }
    }

    fn change(&mut self, _: Self::Properties) -> ShouldRender {
        false
    }

    fn update(&mut self, _: Self::Message) -> ShouldRender {
        false
    }

    fn view(&self) -> Html {
        html! {
            <input ref=self.node_ref.clone() type="text" />
        }
    }
}

Relevant examples

• Node Refs

Implementations

impl NodeRef

pub fn get(&self) -> Option<Node>

Get the wrapped Node reference if it exists

pub fn cast<INTO: AsRef<Node> + From<JsValue>>(&self) -> Option<INTO>

Try converting the node reference into another form

Trait Implementations

impl Clone for NodeRef

fn clone(&self) -> NodeRef

Returns a copy of the value.

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

Performs copy-assignment from source.

impl Debug for NodeRef

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

Formats the value using the given formatter.

impl Default for NodeRef

fn default() -> NodeRef

Returns the “default value” for a type.

impl PartialEq<NodeRef> for NodeRef

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 ImplicitClone for NodeRef