0

我使用 index.js 文件编写创建代码并在单击按钮时打开弹出窗口。局部视图作为弹出窗口调用。

$("#createForm").dialog({
    autoOpen: false,
    modal: true,
    width: 550,
    height: 420,
    open: function(event, ui) {
        $(".ui-dialog-titlebar-close").hide();
    }
});

$(".buttonCreate").button().click(function() {
    $.ajax({
        // Call CreatePartialView action method
        url: "/PurchaseInvoice/AddItemPartial",
        type: 'Get',
        success: function(data) {
            $("#createForm").dialog("open");
            $("#createForm").empty().append(data);
            $("#editForm").hide();
        },
        error: function() {
            alert("something seems wrong");
        }
    });
});

弹出窗口中的按钮用于调用另一个 .js 文件中的函数。当弹出窗口打开时，此按钮第一次不工作，但是当通过 esc 按钮关闭弹出窗口后弹出窗口打开时，它工作正常。

$("#PopupAdd").click(function() {
    //  On submit button click close dialog box
    $("#createForm").dialog("close");
    // Set inserted vlaues
    var Item = $("#ddlItem").val().toString();
    var Quantity = $("#Quantity").val();
    var Price = $("#Price").val();
    var hdnID = $("#hdnInvoiceID").val();
    // Call Create action method
    $.post('/PurchaseInvoice/Create', {
            "ddlItem": Item,
            "Quantity": Quantity,
            "Price": Price,
            "hdnInvoiceID": hdnID
        },
        function() {
            alert("Data Saved successfully");
            window.location.reload(true);

        });
});

局部视图用作按钮单击上的弹出窗口，从控制器调用局部视图并显示在弹出窗口中。

4

2 回答 2

0

为了让选择器处理动态添加到页面的项目，我总是像这样将它绑定到文档

$(document).on('click', '#PopupAdd', function(){...
于 2015-05-29T16:53:16.597 回答
0

在该页面的功能上添加一些事件document.ready，该页面的按钮第一次不起作用，例如-->

这是仅在按键事件的文本框中接受数值的功能。您可以添加任何函数来初始化页面事件，然后按钮可能第一次正常工作。

$(document).ready(function () {    
            $("#Quantity").keypress(function (e) {
        if (e.which != 8 && e.which != 0 && (e.which < 48 || e.which > 57)) {
            $("#errmsg").html("Digits Only").show().fadeOut("slow");
            return false;
        }
            });
});
于 2015-05-30T06:33:45.497 回答