2017-01-20 9 views
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ページの一部です。

答えて

2

ああ。私は恩恵を申し出るとすぐにそれを理解した。私になるSux ...

とにかく、後世のために、ここに答えがあります。そのよう

e.Item.BackColor = Color.FromName("#E56E94"); 

簡単:DataGrid_ClaimSearch_EditCommand無効に

は、私はこの行を追加しました!

+0

スニペットをテストしたときに 'EditItemStyle'がうまく動作します。 – VDWWD

関連する問題