Mirrors/yewprint
2
0
Fork 0
mirror of https://github.com/yewprint/yewprint synced 2024-11-21 19:13:05 +00:00
Code Issues Projects Releases Packages Wiki Activity

HtmlSelect: make sure selection is updated after render (#163)

Browse source
This commit is contained in:
Cecile Tonglet 2023-01-30 15:52:58 +01:00 committed by GitHub
parent c2f9b5cce7
commit 2edd2a02b3
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
1 changed files with 21 additions and 12 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

33
src/html_select.rs
View file

@ -8,6 +8,7 @@ use yew::prelude::*;
#[derive(Debug)]
pub struct HtmlSelect<T: Clone + PartialEq + 'static> {
select_element: NodeRef,
update_selected: bool,
phantom: PhantomData<T>,
}
@ -39,6 +40,7 @@ impl<T: ImplicitClone + PartialEq + 'static> Component for HtmlSelect<T> {
fn create(_ctx: &Context<Self>) -> Self {
Self {
select_element: NodeRef::default(),
update_selected: false,
phantom: PhantomData,
}
}
@ -57,18 +59,8 @@ impl<T: ImplicitClone + PartialEq + 'static> Component for HtmlSelect<T> {
false
}
fn changed(&mut self, ctx: &Context<Self>, _old_props: &Self::Properties) -> bool {
if let Some(value) = ctx.props().value.as_ref() {
if let Some(select) = self.select_element.cast::<HtmlSelectElement>() {
if let Some(i) = ctx.props().options.iter().position(|(x, _)| &x == value) {
if let Ok(i) = i.try_into() {
if select.selected_index() != i {
select.set_selected_index(i);
}
}
}
}
}
fn changed(&mut self, _ctx: &Context<Self>, _old_props: &Self::Properties) -> bool {
self.update_selected = true;
true
}
@ -122,4 +114,21 @@ impl<T: ImplicitClone + PartialEq + 'static> Component for HtmlSelect<T> {
</div>
}
}
fn rendered(&mut self, ctx: &Context<Self>, _first_render: bool) {
if self.update_selected {
self.update_selected = false;
if let Some(value) = ctx.props().value.as_ref() {
if let Some(select) = self.select_element.cast::<HtmlSelectElement>() {
if let Some(i) = ctx.props().options.iter().position(|(x, _)| &x == value) {
if let Ok(i) = i.try_into() {
if select.selected_index() != i {
select.set_selected_index(i);
}
}
}
}
}
}
}
}