Struct dmat_components::components::list::ListProps

pub struct ListProps<TitemsSignal: SignalVec<Item = Dom> = Always<Dom>, TApplyFn: FnOnce(DomBuilder<HtmlElement>) -> DomBuilder<HtmlElement> = fn(_: DomBuilder<HtmlElement>) -> DomBuilder<HtmlElement>> {
    pub items: Option<TitemsSignal>,
    pub apply: Option<TApplyFn>,
}

Renders a list of items.

Examples

use dominator::html;
use futures_signals::signal_vec::{MutableVec, SignalVecExt};
use dmat_components::components::list;
use dmat_components::list;
use dmat_components::components::list::*;

// Static list, items never change
let my_static_list = list!({.rows([
    html!("span", {.text("Hello")}),
    html!("span", {.text("World")}),
])});

// Dynamic list, items change according to the content of the mutable vector
let my_items = MutableVec::new_with_values(vec!["Hello", "World"]);
let my_dynamic_list = list!({
    .rows_signal_vec(my_items.signal_vec_cloned()
        .map(|item| html!("span", { .text(item) })))
});

Fields

items: Option<TitemsSignal>

apply: Option<TApplyFn>

Implementations

impl ListProps

pub fn new() -> Self

impl<TitemsSignal: SignalVec<Item = Dom>, TApplyFn: FnOnce(DomBuilder<HtmlElement>) -> DomBuilder<HtmlElement>> ListProps<TitemsSignal, TApplyFn>

pub fn items(self, v: impl Into<Vec<Dom>>) -> ListProps<Always<Dom>, TApplyFn>

The list of items to render. Each item is wrapped in a <li> element by the list component.

pub fn items_signal_vec<TitemsSignalNew: SignalVec<Item = Dom>>( self, v: TitemsSignalNew ) -> ListProps<TitemsSignalNew, TApplyFn>

The list of items to render. Each item is wrapped in a <li> element by the list component.

impl<TitemsSignal: SignalVec<Item = Dom>, TApplyFn: FnOnce(DomBuilder<HtmlElement>) -> DomBuilder<HtmlElement>> ListProps<TitemsSignal, TApplyFn>

pub fn apply<TApplyFnNew: FnOnce(DomBuilder<HtmlElement>) -> DomBuilder<HtmlElement>>( self, v: TApplyFnNew ) -> ListProps<TitemsSignal, TApplyFnNew>

Trait Implementations

impl<TitemsSignal: SignalVec<Item = Dom>, TApplyFn: FnOnce(DomBuilder<HtmlElement>) -> DomBuilder<HtmlElement>> ListPropsTrait for ListProps<TitemsSignal, TApplyFn>

type TitemsSignal = TitemsSignal

type TApplyFn = TApplyFn

fn take(self) -> ListProps<TitemsSignal, TApplyFn>