Question

我有一个通过javascript制作的可点击的gridview行，其中每当我点击gridview中的某个项目时，整个行都会被选中并突出显示。

所以这是我的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>

当用户点击该行时，如何禁用网络表单中的某个按钮？

Answer 1

假设你的按钮的id为myButton，你不能只是像这样在onClick处理程序中添加一个语句：

$("#myButton").attr("disabled", "disabled");

Answer 2

$("#btnEditUser").attr("disabled", true);
不会起作用，因为在运行时id会改变。
所以，如果你只有一个按钮，你可以按照下面的那样去。

<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" });
    });

});

在单击某个网格视图行时启用/禁用控件

2 个答案: