Our blazing fast Grid component built with pure JavaScript


Post by boyitech »

Hi.
How can i put these radios in the same line?
Image
And how can i set radios value?Here is my code.
Image
Image


Post by tasnim »

Hi,
You can use this CSS to achieve that

fieldset.b-radiogroup-content {
    padding: 0;
    margin: 0;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
}
Attachments
Screenshot 2022-09-27 115019.png
Screenshot 2022-09-27 115019.png (3.5 KiB) Viewed 458 times

Post by boyitech »

Thanks.It works.And i want to listen the change about these radios what should i do?


Post by boyitech »

Here has a new question.When I have chosen the first row radio then choose the second row radio.The first chosen radio has been cleared.What should i do?
Image
It will be like this picture.
Image


Post by tasnim »

You can listen to https://bryntum.com/docs/grid/api/Core/widget/Radio#event-change listener

            widgets : [{
                field : 'Check Result',
                type : 'radiogroup',
                text : 'OK',
                style : 'flex-direction : row;',
                name : 'check',
                flexDirection : 'row',
                // change listener
                listeners : {
                    change(event) {
                        console.log(event)
                    }
                },

Post by boyitech »

Now I can listen the changes,But there has new questions.Can you tell me what should i do?
Image
Image


Post by tasnim »

Hi,
I just reproduced a bug here, I've created a ticket for that here it is https://github.com/bryntum/support/issues/5327. We'll investigate it deeply.

Thank you for reporting and your questions.

Good Luck :),
Tasnim


Post Reply