Title: [SOLVED] CAN'T set Selected linkbutton in Buttongroup
Post by: kifni41 on July 28, 2020, 10:03:09 PM
Here i want to set as selected if the button meet condidion. this is the state this.state = {
selectMonth2:6,
months: [
{id:1,name:"Jan"}, {id:2,name:"Feb"}, {id:3,name:"Mar"}, {id:4,name:"Apr"}, {id:5,name:"May"}, {id:6,name:"Jun"},
{id:7,name:"Jul"}, {id:8,name:"Aug"}, {id:9,name:"Sep"}, {id:10,name:"Oct"}, {id:11,name:"Nov"}, {id:12,name:"Dec"}
]
}
then i loop button, try to selected if meet condition
<ButtonGroup selectionMode="single">
{this.state.months.map((value,index)=>{
return <LinkButton style={{width:'35px'}} toggle selected={value.id===this.state.selectMonth2? true : false} key={'xz'+value.id} onClick={()=>{this.setState({selectMonth2: value.id});} }>
{value.name}
</LinkButton>
})}
</ButtonGroup>
but can't work, how to set button selected?
Title: Re: CAN'T set Selected linkbutton in Buttongroup
Post by: kifni41 on July 28, 2020, 11:58:16 PM
ah, so when i try this, remove selectionMode in buttongroup its work <ButtonGroup >
{this.state.months.map((value,index)=>{
return <LinkButton style={{width:'35px'}} toggle selected={value.id===this.state.selectMonth2? true : false} key={'xz'+value.id} onClick={()=>{this.setState({selectMonth2: value.id});} }>
{value.name}
</LinkButton>
})}
</ButtonGroup>
this work fine now, hehe,
|