0

[Add Another] ボタンをクリックした後、 [Save Changes] と [Cancel Changes] ボタンを有効にする必要があります。[変更を保存] ボタンと [変更をキャンセル] ボタンは、ページの読み込み時に無効になっていますが、何らかの理由でクリックが渡されたときに有効になりません。

   {$().ready(function () {

$("#tabs").tabs();
$("#cancel-default").button().attr('disabled',true).addClass('ui-state-disabled');
$("#add-default").button();
$("#show-default-entry").button();
$("#save-all-defaults").button().attr('disabled', true).addClass('ui-state-disabled');

$(".ko-remove-link").button();

$("#saved-dialog-message").dialog({
    autoOpen: false,
    modal: true,
    buttons: {
        Ok: function () {
            $("#saved-dialog-message").dialog('close');
        }
      }
});


var AdjustmentsViewModel = function() {

    var self = this;

    // properties
    self.EmployeeId = $("#BaseEmployeeId").val();
    self.Adjustments = ko.observableArray(initialData);

    // methods
    self.add = function (incoming) {
        self.Adjustments.push(incoming);
    };
    self.remove = function (adjustment) {
        self.Adjustments.remove(adjustment);
    };
    self.save = function () {
        $.ajax({
            url: '/Employee/AddAdjustmentDefaults',
            crossDomain: true,
            data: ko.toJSON(self),
            contentType: "application/json; charset=utf-8",
            dataType: 'json',
            type: 'POST',
            success: function (data) {
                $("#saved-dialog-message").dialog("open");
            },
            error: function (error) { alert("Error."); },
            always: function () { }

        });
    };
}   

var viewModel = new AdjustmentsViewModel();

ko.applyBindings(viewModel);

$("#cancel-default").click(function () {
    $("#show-default-entry").prop("disabled", false);
    $("#entry-row").hide();
});

$("#show-default-entry").click(function () {
    $("#show-default-entry").prop("disabled", true);
    $("#entry-row").show();
});

$("#add-default").button().click(function () {
    var record = {
        "Id": "0",
        "EmployeeId": $("#EmployeeId").val(),
        "AdjustmentTargetTypeId": $("#TargetTypeId option:selected").val(),
        "AdjustmentTargetId": $("#TargetId").val(),
        "AdjustmentTargetTypeDescription": $("#TargetTypeId option:selected").text(),
        "AdjustmentTargetDescription": $("#TargetId option:selected").text(),
        "Amount": $("#Amount").val()
    };
    viewModel.add(record);

    $("#show-default-entry").prop("disabled", false);
    $("#entry-row").hide();
});
});
}
4

2 に答える 2

0

使ってみて

$("#show-default-entry").attr("disabled", false);
于 2013-09-17T06:22:47.277 に答える
0

prop( )の代わりにremoveAttr()を試してください

$('#my_selector').removeAttr('disabled');

これを使って

$("#add-default").button().click(function () {
var record = {
    "Id": "0",
    "EmployeeId": $("#EmployeeId").val(),
    "AdjustmentTargetTypeId": $("#TargetTypeId option:selected").val(),
    "AdjustmentTargetId": $("#TargetId").val(),
    "AdjustmentTargetTypeDescription": $("#TargetTypeId option:selected").text(),
    "AdjustmentTargetDescription": $("#TargetId option:selected").text(),
    "Amount": $("#Amount").val()
};
viewModel.add(record);

$("#show-default-entry").removeAttr('disabled'); //enables button
$("#cancel-default").removeAttr('disabled');   //enables button

$("#entry-row").hide();
});
于 2013-09-17T06:23:00.343 に答える