1

devexpress の aspxgridview を使用しています。セルに異なる cellstyle-colors を適用しました。そして今、グリッドの交互の行をシェーディング（同じ色の光）として作成したいと考えています。交互の色を適用していますが、cellstyle-color が設定されている場合は適用されません。誰でもこれに関するアイデアを持っています。前もって感謝します。

4

2 に答える 2

0

次のように、(ASPxGridView のプロパティを設定する代わりに) DevExpress css スタイルを使用することをお勧めします。

.dxgvDataRow:hover
 {
   color: gray;
 }

ASPxGridView の CssPostfix プロパティを使用して、コントロールにさまざまなスタイルを設定することもできます。例えば：

<dx:ASPxGridView ID="grid" runat="server"  Styles-CssPostfix="MyGrid" ...

次の css を使用します。

.dxgvDataRow_MyGrid:hover
 {
   color: gray;
 }

ASPx css クラス名を確認するには、ブラウザーを開発モードで開き、ソース コードを調べるだけで、dxgvDataRowHover、dxgvFocusedRow、dxgvSelectedRow などのクラスを見つけることができます。

このようなスタイルのカスタマイズの利点は、html マークアップが各 html 要素のスタイル属性を作成しないこと、css 編集がより簡単かつ高速であること、およびプロパティを設定してすべての ASPxGridView コントロールをカスタマイズする必要がないことです。

于 2013-07-26T09:46:33.523 に答える
0

アントンに感謝しますが、私はjavascriptでそれを行いました. 次のようにテーブルの偶数と奇数のプロパティを使用しています。これは、document.ready 関数で呼び出している関数です。また、サーバー側から各ボタンのクリックイベントを呼び出します。

関数 colorGrid() {

        /*code for color coding grid*/
        $(".student_account td table tbody tr'[id]':odd").addClass('initial');
        $(".student_account td table tbody tr'[id]':even").addClass('initial');

        /* For odd Rows */

        // for first 3 columns
        $(".student_account td table tbody tr'[id]':odd  td:nth-child(1)").css("background-color", "#EEEEEE");
        $(".student_account td table tbody tr'[id]':odd  td:nth-child(2)").css("background-color", "#EEEEEE");
        $(".student_account td table tbody tr'[id]':odd  td:nth-child(3)").css("background-color", "#EEEEEE");

        // for 4th and 5th column
        $(".student_account td table tbody tr'[id]':odd  td:nth-child(4)").css("background-color", "#EBFAE3");
        $(".student_account td table tbody tr'[id]':odd  td:nth-child(5)").css("background-color", "#EBFAE3");


        // for 6th t0 9th column
        $(".student_account td table tbody tr'[id]':odd  td:nth-child(6)").css("background-color", "#F7F8D6");
        $(".student_account td table tbody tr'[id]':odd  td:nth-child(7)").css("background-color", "#F7F8D6");
        $(".student_account td table tbody tr'[id]':odd  td:nth-child(8)").css("background-color", "#F7F8D6");
        $(".student_account td table tbody tr'[id]':odd  td:nth-child(9)").css("background-color", "#F7F8D6");


        // for 10th column
        $(".student_account td table tbody tr'[id]':odd  td:nth-child(10)").css("background-color", "#CBE6F7");



        /* For Even Rows */

        var name = "ctl00_ContentPlaceHolder1_grdScheduleStudent_DXHeadersRow";

        // for first 3 columns
        $(".student_account td table tbody tr'[id]':even  td:nth-child(1)").css("background-color", "#FFFFFF");
        $(".student_account td table tbody tr'[id]':even  td:nth-child(2)").css("background-color", "#FFFFFF");
        $(".student_account td table tbody tr'[id]':even  td:nth-child(3)").css("background-color", "#FFFFFF");

        // for 4th and 5th column
        $(".student_account td table tbody tr'[id]':even  td:nth-child(4)").css("background-color", "#F5FAF3");
        $(".student_account td table tbody tr'[id]':even  td:nth-child(5)").css("background-color", "#F5FAF3");


        // for 6th t0 9th column
        $(".student_account td table tbody tr'[id]':even  td:nth-child(6)").css("background-color", "#FBFCEA");
        $(".student_account td table tbody tr'[id]':even  td:nth-child(7)").css("background-color", "#FBFCEA");
        $(".student_account td table tbody tr'[id]':even  td:nth-child(8)").css("background-color", "#FBFCEA");
        $(".student_account td table tbody tr'[id]':even  td:nth-child(9)").css("background-color", "#FBFCEA");


        // for 10th column
        $(".student_account td table tbody tr'[id]':even  td:nth-child(10)").css("background-color", "#EDF8FE");

        $(".student_account td table tbody tr'[id=" + name + "]' td").css("background-color", "#56A52E");

        /*end color coding*/
    }
于 2013-08-01T05:56:51.313 に答える