SpGridView стиль

Question

У меня небольшая проблема. Я создаю SPGridView на лету в веб-части и добавляю его в веб-часть с некоторыми данными в нем. Это отлично работает. Теперь я решил заставить его выглядеть немного прикольным !!

Однако я не могу заставить свое свойство cssclass работать.

У меня есть класс в файле CSS

.SPGridviewsCSS th
{
background-color:#e60004;
color: Blue!important;
background-image:none;
}

.SPGridviewsCSS td
{
 border-bottom-style: solid ;
 border-bottom-width: 1px ;
 border-bottom-color: #e60004 ;
}

и в моем событии oninit

CssRegistration.Register("/Styles/Style.css");

тогда

myspgridview.cssclass = "SPGridviewsCSS" 

Все, что я хочу, это чтобы сетка выглядела хорошо !!!

Answer 1

Я использую некоторый код сервера для стилевого оформления SPGridView.Это не очень элегантное решение, но работает отлично.Если у вас не так много времени, чтобы найти лучшее решение, вы можете использовать этот код на своем пользовательском элементе управления или странице aspx, где находится элемент управления SPGridView:

protected override void CreateChildControls()
{
    // ...
    spGridView.RowStyle.CssClass = "spgridview-td";
    spGridView.AlternatingRowStyle.CssClass = "spgridview-td-alternating";
    this.Controls.Add(spGridView);
    // ...
}

Конечно, вы можете использовать aspxразметка вместо генерации элементов управления.Например:

<asp:SPGridView ID="spGridView" runat="server">
    <RowStyle CssClass="spgridview-td" />
    <AlternatingRowStyle CssClass="spgridview-td-alternating" />
</asp:SPGridView>

Следующая вещь - это прикрепить стиль к заголовку:

protected override void Render(HtmlTextWriter writer)
{
    // ...
    spGridView.DataBind();
    if (spGridView.HeaderRow != null)
    foreach (TableCell cell in spGridView.HeaderRow.Cells)
        cell.CssClass = "spgridview-th";
    // ...
}

Итак, ваш css будет:

.spgridview-th
{
    background-color:#e60004;
    color: Blue!important;
    background-image:none;
}

.spgridview-td
{
    border-bottom-style: solid ;
    border-bottom-width: 1px ;
    border-bottom-color: #e60004 ;
}

.spgridview-td-alternating
{
}

Надеюсь, это поможет!

Answer 2

Это не могло быть проблемой кодирования, не так ли?Неправильное использование UTF-8 между обеими сторонами вызывает у меня необычные ошибки с CSS, также некоторые редакторы не кодируют документ должным образом, основываясь только на объявлении.Выезд:

http://www.w3.org/International/questions/qa-setting-encoding-in-applications

Answer 3

Используя панель инструментов IE Developer (или, я могу предложить Firebug с Mozilla Firefox), вы можете проверить, к какому элементу вывода HTML применяется класс CSS?

У меняощущение, что основной селектор CSS (.SPGridviewsCSS) не работает, и поэтому ничего не стилизуется.

Также может быть полезно опубликовать фрагмент вывода HTML, чтобы мы могли видеть, что вы пытаетесь стилизовать.

Answer 4

Я не эксперт по CSS, но th и td не являются прямыми потомками элемента таблицы сетки, поэтому, возможно, вам следует попробовать:

.SPGridviewsCSS * td

Посмотрите здесь .