84669 orang belajar
152542 orang belajar
20005 orang belajar
5487 orang belajar
7821 orang belajar
359900 orang belajar
3350 orang belajar
180660 orang belajar
48569 orang belajar
18603 orang belajar
40936 orang belajar
1549 orang belajar
1183 orang belajar
32909 orang belajar
Adakah mungkin untuk menggayakan butang radio dalam vaadin seperti satu set butang dan memilih butang untuk diwarnakan?
Saya ingin menggunakan kumpulan butang seperti butang radio. Satu item boleh disemak, dan yang lain tidak boleh disemak.
Dengan mengandaikan Vaadin 23 (struktur komponen mungkin berubah dalam versi lain), nampaknya boleh dilaksanakan.
Dalam gaya global.css, tambah:
vaadin-radio-group.buttons vaadin-radio-button { border: 1pt solid black; border-radius: 4px; --radio-button-wrapper-display: none; } vaadin-radio-group.buttons vaadin-radio-button[checked] { background: orange; }
Dalam komponen tema/vaadin-radio-button.css, tambahkan
.vaadin-radio-button-wrapper { display: var(--radio-button-wrapper-display,block); }
(Ini akan menyembunyikan bulatan radio, tetapi anda masih boleh memilihnya dengan mengklik pada label yang masih kelihatan)
dan tetapkan kelas RadioButtonGroup kepada buttons.
buttons
![[Web front-end] Permulaan pantas Node.js](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
Dengan mengandaikan Vaadin 23 (struktur komponen mungkin berubah dalam versi lain), nampaknya boleh dilaksanakan.
Dalam gaya global.css, tambah:
vaadin-radio-group.buttons vaadin-radio-button { border: 1pt solid black; border-radius: 4px; --radio-button-wrapper-display: none; } vaadin-radio-group.buttons vaadin-radio-button[checked] { background: orange; }Dalam komponen tema/vaadin-radio-button.css, tambahkan
.vaadin-radio-button-wrapper { display: var(--radio-button-wrapper-display,block); }(Ini akan menyembunyikan bulatan radio, tetapi anda masih boleh memilihnya dengan mengklik pada label yang masih kelihatan)
dan tetapkan kelas RadioButtonGroup kepada
buttons.