Мне нужно манипулировать атрибутами элемента label внутри элемента управления ASP.NET CheckBoxList. Каждая метка флажка должна иметь другой класс. Лучшей альтернативой, которую я вижу, является применение классов с помощью jQuery постфактум. Кто-нибудь знает лучший метод?
Однако я нашел этот пост весьма полезным, добавив атрибут в элемент списка только оборачивает элемент input и элемент label в тег span с обозначенными атрибутами.
Возможно, вы уже думали об этом, но вы можете попробовать использовать адаптеры управления ASP.NET. Адаптеры элементов управления позволяют изменять HTML-разметку, создаваемую элементами управления ASP.NET.
Ознакомьтесь со ссылками ниже для ознакомления:
Вариант второго ответа Билли, но без кода на стороне сервера:
Назначьте класс самому checkboxlist
<asp:CheckBoxList runat="server" id="MyCBL" CssClass="MyClass"></asp:CheckBoxList>
Любой CSS, который вы применяете к родительскому элементу (в данном случае к списку флажков, который отображается в виде таблицы), можно передать его дочерним элементам:
<style>
.MyClass label {color: Blue}
.MyClass input[type='checkbox'] {background-color: Red}
</style>
Это может быть своего рода хак, так как я не разбираюсь в CSS, но у меня это сработало.
Сделайте для каждого из элементов списка в списке флажков, добавьте атрибут ID к каждому из них. Это присвоит идентификатор каждому диапазону, в который заключен тег label. Вы захотите назначить разные идентификаторы для каждого элемента списка, поскольку вы сказали, что каждому из них нужен другой класс.
For Each li As ListItem In Me.CheckBoxList1.Items
li.Attributes.Add("id", "mySpanID")
Next
Теперь вам нужно добавить стиль CSS для этого идентификатора, чтобы он применялся к тегу label.
<style>
#mySpanID label { color: Blue }
</style>
Другой способ - сделать то же самое, что и выше, но назначить класс каждому элементу списка и применить класс только к тегу метки.
Назначьте класс каждому элементу списка
For Each li As ListItem In Me.CheckBoxList1.Items
li.Attributes.Add("class", "MyClass")
Next
А затем добавьте свой CSS
<style>
.MyClass label {color: Blue}
</style>
Поэтому я вижу несколько разных способов сделать это. Первый — через классы css.
Код сервера:
List<ListItem> items = new List<ListItem>();
ListItem item1 = new ListItem("test", "test");
item1.Attributes.Add("class", "specificClass1");
items.Add(item1);
//repeat the last three lines as needed
checkBoxList.Items.AddRange(items.ToArray());
Это приведет, как вы сказали, к диапазону, содержащему метку и элементы ввода. Итак, вы css были бы:
.specificClass1 label
{
//Your specific css
}
и вы будете повторять это по мере необходимости.
Другим подходом может быть подход jQuery. Я не вижу ничего плохого в этом подходе, но в своем вопросе вы упоминаете этот подход негативно. Так что я предполагаю, что вы знаете, как это сделать, но просто не хотите. Я просто упоминаю об этом, чтобы сказать, что это неплохой подход, и если ничего не помогает, вы можете пересмотреть свое решение :).
