Форматирование ярлыков RadiobuttonList - PullRequest
Новая
       25

Форматирование ярлыков RadiobuttonList

2 голосов
/ 15 июня 2011

У меня есть список переключателей, которым нужно добавить метки между некоторыми значениями.

Я знаю, что следующее не будет работать, но это лучший пример того, что я хочу сделать в .net. 

            <asp:RadioButtonList ID="RadioButtonList1" runat="server" CssClass="radioList" RepeatDirection="Vertical">
                <label>Regular</label>
                <asp:ListItem Text="Full Time" Value="1"></asp:ListItem>
                <asp:ListItem Text="Part Time" Value="2"></asp:ListItem>
                <asp:ListItem Text="AM 1" Value="3"></asp:ListItem>
                <asp:ListItem Text="AM 2" Value="4"></asp:ListItem>
                <label>Vo-Tech</label>
                <asp:ListItem Text="PM 1" Value="5"></asp:ListItem>
                <asp:ListItem Text="PM 2" Value="6"></asp:ListItem>
                <label>Other</label>
                <asp:ListItem Text="Night" Value="7"></asp:ListItem>
            </asp:RadioButtonList>

Вот основной вывод HTML, который я пытаюсь выполнить http://jsfiddle.net/cuKh7/

Я знаю, что могу просто использовать отдельные кнопки RadioButton, но я хочу сохранить их в одном элементе управления. Кроме того, я мог бы получить эти значения из базы данных позже, и RadioButtonList облегчит это.

Как я могу выполнить вышеупомянутую скрипку в asp.net?

Я использую .net 3.5.

Спасибо!

1 Ответ

3 голосов
/ 15 июня 2011

Невозможно сделать то, что вы пытаетесь сделать (хотя было бы неплохо, если бы вы могли.) Учитывая, что ваш план состоит в том, чтобы в конечном итоге получить эти значения из базы данных, вы, вероятно, захотите разместить все внутри элемента управления ListView и обрабатывать макет вручную. Он не идеален, но, по крайней мере, сделает связывание намного проще.

В качестве альтернативы, вы можете добавить все элементы в DropDownList, но хитрость заключается в том, чтобы установить элементы заголовка с «отключенным» тегом. Это было бы намного проще реализовать и все же позволяет пользователям выбирать только один вариант.

Это будет выглядеть так:

enter image description here

См. Следующий пример jsFiddle: http://jsfiddle.net/uZu7r/

...