0

スタイルを適用し、並べ替えられたヘッダー列を強調表示する必要があります。並べ替えは rptMyTable_ItemCommand イベントで処理されます。データを表示するレイアウトが通常のテーブルではないため、グリッドビューを使用できません。javascript では、document.getElementById('lbCol1Header').parentNode.style = 'sortedColumnCSS' のようなものがあります。分離コードでこれを行う方法は?

  <table border="0" cellpadding="5" cellspacing="0" width="100%" class="myCSS">
    <asp:Repeater ID="rptMyTable" runat="server" OnItemCommand="rptMyTable_ItemCommand">
        <HeaderTemplate>
            <tr style="font-weight: bolder">
                <td>
                    <asp:LinkButton ID="lbCol1Header" Text="Col1" runat="server" CommandName="sortCol1" />
                </td>
                <td>
                    <asp:LinkButton ID="lbCol2Header" Text="Col2" runat="server" CommandName="sortCol2" />
                </td>
                <td>
                    <asp:LinkButton ID="lbCol3Header" Text="Col3" runat="server" CommandName="sortCol3" />
                </td>
                <td>
                    <asp:LinkButton ID="lbCol4Header" Text="Col4" runat="server" CommandName="sortCol4" />
                </td>
                <td>
                    <asp:LinkButton ID="lbCol5Header" Text="Col5" runat="server" CommandName="sortCol5" />
                </td>
                <td>
                    <asp:LinkButton ID="lbCol6Header" Text="Col6" runat="server" CommandName="sortCol6" />
                </td>                    
                <td>
                    &nbsp;
                </td>
                <td>
                    &nbsp;
                </td>
            </tr>
        </HeaderTemplate>
        <ItemTemplate>
 //Table Data......with nested tables and divs
.
.
.
.
.
        </ItemTemplate>
   </asp:Repeater>
<tr style="font-weight: bolder">
    // doing paging operations here...
</tr>
</table>
4

2 に答える 2

1

デザインページ: 

<tr class='<%# StyleSheet(DataBinder.Eval(Container.DataItem, "Y"))%>'>

リンクボタンの場合:

<asp:LinkButton ID="lbCol1Header" Text="Col1" runat="server" CommandName="sortCol1" CssClass='<%# StyleSheet(DataBinder.Eval(Container.DataItem, "Y"))%>' />

コードページ:

 public static string StyleSheet(object objText1)
{
    string val = string.Empty;
    if (objText1.ToString() == "Y")
    {
        val = "trbind";
    }
    return val;
}

これは、実行時にデータに基づいて in タグにスタイルを適用する方法の 1 つですtr。同様に、ラベルにも試すことができます。

スタイルシートにスタイルを記述trbindします。

于 2013-05-22T06:08:27.127 に答える