4
SelectedItemStyleとインラインCSSを含めていくつか試してみました。現在持っているものは次のとおりです。GridViewでEditCommandColumnボタンを使用しているときに、選択した行の背景色を変更する
<asp:Content ID="Content1" ContentPlaceHolderID="head" runat="server">
<style type="text/css">
.hoverTable tr:hover {
background-color: wheat;
}
.hoverTable tr:current {
background-color: aquamarine;
}
.SelectedTable {
background-color: aquamarine;
}
</style>
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="ContentPlaceHolder1" runat="server">
<div id="divGrid" style='width:920px; height:230px; overflow:auto'>
<asp:DataGrid ID="DataGrid_ClaimSearch" runat="server"
AllowPaging="True" AllowSorting="True" CellPadding="4" ForeColor="#333333" GridLines="None" AutoGenerateColumns="false"
CssClass="hoverTable" OnSelectedIndexChanged="OnSelectedIndexChanged"
OnCancelCommand="DataGrid_ClaimSearch_CancelCommand"
OnUpdateCommand="DataGrid_ClaimSearch_UpdateCommand"
OnEditCommand="DataGrid_ClaimSearch_EditCommand">
<AlternatingItemStyle Font-Bold="False" Font-Italic="False"
Font-Overline="False" Font-Strikeout="False" Font-Underline="False" />
<EditItemStyle BackColor="#999999" Font-Bold="False" Font-Italic="False"
Font-Overline="False" Font-Strikeout="False" Font-Underline="False" />
<FooterStyle BackColor="#5D7B9D" Font-Bold="False" Font-Italic="False"
Font-Overline="False" Font-Strikeout="False" Font-Underline="False" />
<HeaderStyle BackColor="#5D7B9D" Font-Bold="False" Font-Italic="False"
Font-Overline="False" Font-Strikeout="False" Font-Underline="False" />
<PagerStyle BackColor="#5D7B9D" Font-Bold="False" Font-Italic="False"
Font-Overline="False" Font-Strikeout="False" Font-Underline="False" />
<SelectedItemStyle BackColor="Teal" Font-Bold="False" Font-Italic="False"
Font-Overline="False" Font-Strikeout="False" Font-Underline="False" />
<Columns>
<asp:EditCommandColumn ButtonType="PushButton" CancelText="Cancel"
EditText="Select" UpdateText="Update"></asp:EditCommandColumn>
<asp:BoundColumn HeaderText="Status" DataField="Status" />
<asp:BoundColumn HeaderText="LPI Review Date" DataField="Status_Date" />
<asp:BoundColumn HeaderText="LPI State" DataField="LPI_STATE" />
<asp:BoundColumn HeaderText="Paid Date" DataField="Claim_Paid_Date" />
<asp:BoundColumn HeaderText="Paid Amount" DataField="Claim_Paid_Amount" />
<asp:BoundColumn HeaderText="LPI Amount" DataField="Total_LPI_Amount" />
<asp:BoundColumn HeaderText="LPI_ID" DataField="LPI_ID" ItemStyle-Width="0px" />
</Columns>
</asp:DataGrid>
<asp:Label ID="lblEmpty" runat="server" Visible="false" Style="font-weight:bold; font-size:large;"></asp:Label>
</div>
</asp:Content>
ヘッダーのCSSは、選択した行を変更しません。 GridView内のSelectedItemStyleタグは、選択された行を変更しません。 GridViewにRowStyle-CssClassを追加しても役に立ちませんでした。 tr:hover CSSは正常に動作します。 EditCommandColumnボタンを使用して行の選択したスタイルを変更する例は見つかりません。どんな助けもありがとうございます。
これは、違いがあれば、C#で構築されたイントラネットWebページの一部です。
スニペットをテストしたときに 'EditItemStyle'がうまく動作します。 – VDWWD