3

セルの (css) スタイルを設定するにはどうすればよいasp:DataGridですか?

私は本当に何を達成しようとしていますか？、html tableセルごとの html コンテンツ、および行ごとおよびセルごとの css スタイルを制御します。

<TABLE>
   <TR class="odd available">
      <TD class="holiday available hassub firstColumn">
          <P ...>...
      <TD class="blackout">
          <A href="...">...</A>
      <TD style="available">
          <SPAN ...>...</SPAN>
      <TD class="booked">
          <DIV ...>...</DIV>
      <TD class="orphan available">
          <DIV ...>...</DIV>
      <TD style="orphan booked checked">
          <SPAN ...>...</SPAN>
          <A href="...">...</A>
          <DIV ...>...</DIV>
   </TR>
   <TR class="blackout">
      <TD>34 points
      <TD><%# GetHtmlForCell() %>
   </TR>
</TABLE>

そして、この場合は機能しないことが認められています。asp:Repeater

生成する必要がある HTML があります。そして、ASP.net が必要な html を生成できるかどうかを確認する必要があります。「WebForms」は HTML を生成しないことを意味するため、そうではないと思います。

ボーナスおしゃべり

asp:DataGridASP.netのコントロールは、複数のセルをレンダリングします。各スタイルの書式設定は、さまざまな書式設定プロパティを設定することで調整できます。次に例を示します。

Styleしかし、セルのを調整する方法はありません。

style="holiday blackout hassub"

ボーナスリーディング

いくつかの無関係なボーナス読書:

4

2 に答える 2

2

GridView古い の代わりにa を実際に意味すると仮定すると、 andのプロパティをDataGrid使用できます。CssClassGridViewRowTableCells

たとえば、RowDataBound次のようになります。

protected void Grid_RowDataBound(Object sender, GridViewRowEventArgs e)
{
    if(e.Row.RowType == DataControlRowType.DataRow)
    {
        if(e.Row.RowIndex == 0)
        {
            e.Row.CssClass = "odd available";
            e.Row.Cells[0].CssClass = "holiday available hassub firstColumn";
            // ....
            e.Row.Cells[4].CssClass = "orphan booked checked";
        }
        else if(e.Row.RowIndex == 1)
            e.Row.CssClass = "blackout";
    }
}
于 2012-05-14T16:09:24.517 に答える
1

これは、OnRowDataBound を処理すると簡単に実行できます。例：

<style>
.class25
{
    background-color:Red;  
}
.class25a
{
    font-weight:bolder;
}
.class23
{
    background-color:Yellow;  
}
.class23a
{
    font-size:20px;
}
.class33
{
    background-color:Fuchsia;  
}
.class33a
{
    font-style:italic;
}
</style>
<asp:GridView ID="customGrid" runat="server" OnRowDataBound="customGrid_RowDataBound">

コードビハインドについて:

protected void Page_Load(object sender, EventArgs e)
{
    if (!IsPostBack)
    {
        BindData();
    }
}

private void BindData()
{
    List<Employee> emp = new List<Employee>(){
        new Employee{Age=25,ID=1,First="John",Last="Smith"},
        new Employee{Age=23,ID=2,First="Juan",Last="Cabrera"},
        new Employee{Age=33,ID=3,First="Richard",Last="Mar"}
    };

    customGrid.DataSource = emp;
    customGrid.DataBind();

}

protected void customGrid_RowDataBound(object sender, GridViewRowEventArgs e)
{
    if (e.Row.RowType == DataControlRowType.DataRow)
    {
        if ((e.Row.DataItem as Employee).Age == 25)
            e.Row.Cells[0].Attributes.Add("class", "class25 class25a");
        else if((e.Row.DataItem as Employee).Age == 23)
            e.Row.Cells[0].Attributes.Add("class", "class23 class23a");
        else
            e.Row.Cells[0].Attributes.Add("class", "class33 class33a");
    }
}

public class Employee
{
    public int ID { get; set; }
    public int Age { get; set; }
    public string First { get; set; }
    public string Last { get; set; }
}

レンダリング:

ここに画像の説明を入力

于 2012-05-14T16:11:38.887 に答える