0

グリッドビューの特定の項目をクリックするたびに、行全体が選択されて強調表示される、javascript で作成されたクリック可能なグリッドビュー行があります。

だからここに私のjavascriptがあります..

           <script type="text/javascript">
        $(function() {

            var RowID = $('#<%=RowKey.ClientID%>').val();
            if (RowID != "0") {
                $('#<%=UserGrid.ClientID%> tr[id=' + RowID + ']').css({ "background-color": "white", "color": "black" });
            }

            $('#<%=UserGrid.ClientID%> tr[id]').click(function() {
                $('#<%=UserGrid.ClientID%> tr[id]').css({ "background-color": "white", "color": "Black" });
                $(this).css({ "background-color": "Black", "color": "White" });
               $('#<%=RowKey.ClientID%>').val($(this).attr("id"));
            });

            $('#<%=UserGrid.ClientID%> tr[id]').mouseover(function() {
                $(this).css({ cursor: "hand", cursor: "pointer" });
            });

        });
    </script>

ユーザーが行をクリックしたときに Web フォームの特定のボタンを無効にするにはどうすればよいですか?

4

2 に答える 2

0

ボタンの ID が myButton であると仮定すると、次のように onClick ハンドラーにステートメントを追加することはできません。

$("#myButton").attr("disabled", "disabled");
于 2012-12-18T03:26:12.013 に答える
0

$("#btnEditUser").attr("disabled", true);
実行時に ID が変更されるため、機能しません。
したがって、行にボタンが 1 つしかない場合は、以下のように移動できます。

<script type="text/javascript">
    $(function() {

        var RowID = $('#<%=RowKey.ClientID%>').val();
        if (RowID != "0") {
            $('#<%=UserGrid.ClientID%> tr[id=' + RowID + ']').css({ "background-color": "white", "color": "black" });
        }

        $('#<%=UserGrid.ClientID%> tr[id]').click(function() {
            $('#<%=UserGrid.ClientID%> tr[id]').css({ "background-color": "white", "color": "Black" });
            $(this).css({ "background-color": "Black", "color": "White" });
           $('#<%=RowKey.ClientID%>').val($(this).attr("id"));
           //this line will disable all the button of the row clicked
           $(this).find("input:button").attr("disabled", "disabled");
        });

        $('#<%=UserGrid.ClientID%> tr[id]').mouseover(function() {
            $(this).css({ cursor: "hand", cursor: "pointer" });
        });

    });
</script>

または、ボタンにcss-calss（.btnEdit）を配置すると、関数は次のようになります

 <script type="text/javascript">
$(function() {

    var RowID = $('#<%=RowKey.ClientID%>').val();
    if (RowID != "0") {
        $('#<%=UserGrid.ClientID%> tr[id=' + RowID + ']').css({ "background-color": "white", "color": "black" });
    }

    $('#<%=UserGrid.ClientID%> tr[id]').click(function() {
        $('#<%=UserGrid.ClientID%> tr[id]').css({ "background-color": "white", "color": "Black" });
        $(this).css({ "background-color": "Black", "color": "White" });
       $('#<%=RowKey.ClientID%>').val($(this).attr("id"));
       //this line will disable all the button of the row clicked
       $(this).find(".btnEdit").attr("disabled", "disabled");
    });

    $('#<%=UserGrid.ClientID%> tr[id]').mouseover(function() {
        $(this).css({ cursor: "hand", cursor: "pointer" });
    });

});

于 2012-12-18T05:17:44.527 に答える