[GridView for ASP.NET Web Forms]カーソル行の背景色の変更を無効にする方法 – MESCIUS ナレッジベース

作成日: 2014/10/03 最終更新日: 2023/06/09

文書種別

使用方法

詳細

GridViewにて行の上にカーソルを移動した際、行の背景色が変更されます。この機能を無効とするには、「cellStyleFormatter」及び「rowStyleFormatter」オプションを使用します。

◎サンプルコード (aspx)

 <body>
    <form id="form1" runat="server">
        <div>
            <wijmo:C1GridView ID="C1GridView1" runat="server" ・・・>
                ・・・
            </wijmo:C1GridView>
        </div>
    </form>

    <script>
        $(window).on('load', () => {
            $("#<%=C1GridView1.ClientID%>").c1gridview({
                cellStyleFormatter: function (args) {
                    if (args.state & $.wijmo.wijgrid.renderState.current) {
                        args.$cell.removeClass("ui-state-active wijmo-wijgrid-current-headercell wijmo-wijgrid-current-cell");
                    }
                },
                rowStyleFormatter: function (args) {
                    var rs = $.wijmo.wijgrid.renderState;
                    if (args.state & rs.hovered) {
                        args.$rows.removeClass("ui-state-hover ui-state-default");
                    }
                    if (args.state & rs.current) {
                        args.$rows.find("td:first").removeClass("ui-state-active wijmo-wijgrid-current-rowheadercell");
                    }
                }
            });
        });
    </script>
</body>

旧文書番号

80976