javascript - 为什么内部方法的内部最后执行？

Question

在以下方法中，我试图获取网格选定的行。顺便说一句，我使用了syncfusion组件库。当我调用 grid.rowSelected 时，我的问题是内部函数最后起作用。所以我不能在ajax中传递模型。它的原因是什么？

   function editPackage() {         
        var editPackageModel;
        var grid = document.getElementById("Grid").ej2_instances[0];
        grid.rowSelected = function(args) {
            console.log(args.data);*// works last*
            editPackageModel = args.data;*// works last*              
        }

        $.ajax({
            type: "GET",
            url: "/Package/Edit",
            contentType: "application/json; charset=utf-8",
            datatype: "json",
            data: editPackageModel,
            success: function (result) {
                $('#generalModal').html(result);
            },
            error: function () {
                alert("Dynamic content load failed.");
            }
        });
    }

标签： javascriptsyncfusion

Answer 1

我不确定“网格”到底是什么情况，我假设您在调用函数之前已经准备好该元素，所以试试这个：

var grid = document.getElementById("Grid").ej2_instances[0];//Get node reference.
grid.rowSelected = function (args) {//Setup event listener.
    editPackage(args.data);//Pass the data from the event to your function
}


function editPackage(editPackageModel) {//Get the "model" and send ajax
    $.ajax({
        type: "GET",
        url: "/Package/Edit",
        contentType: "application/json; charset=utf-8",
        datatype: "json",
        data: editPackageModel,
        success: function (result) {
            $('#generalModal').html(result);
        },
        error: function () {
            alert("Dynamic content load failed.");
        }
    });
}