0

我有一个通过 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>

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

4

2 回答 2

0

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

});

于 2012-12-18T05:17:44.527 回答
0

假设你的按钮有一个 myButton 的 id，你不能像这样向你的 onClick 处理程序添加一个语句：

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