jqgrid:在添加表单中禁用提交按钮

时间:2014-02-19 14:46:28

标签: jquery jqgrid

我已经为User id输入框创建了一个事件处理程序,我需要在jqgrid add form中禁用/启用Submit按钮。 我尝试为此应用禁用样式类,按钮被禁用但无法阻止它在单击该按钮时调用事件处理程序。

{
    name: 'userId',
    label: 'User Id',
    index: 'userId',
    key: true,
    editable: true,
    edittype: "text",
    editrules: {
        required: true
    },
    editoptions: {
        size: 40,
        maxlength: 40,
        dataEvents: [{
            type: 'blur',
            fn: function (e) {
                var userIdVal = $("#userId").val().trim();
                if (userIdVal.length > 0) {
                    $("#sData").addClass('ui-state-disabled');
                } else {
                    $("#sData").removeClass('ui-state-disabled');
                }
            }
        }]
    },

有没有办法禁用此按钮?

1 个答案:

答案 0 :(得分:0)

您可以使用.attr().removeAttr()

这些功能
$("#sData").attr("disabled","disabled"); // Disable button
$("#sData").removeAttr("disabled"); // Enable button

这样事件不会触发。

有关示例,请参阅http://jsfiddle.net/Fizk/8VfhY/1/