如何创建jqGrid上下文菜单？

<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/jqgrid/5.5.2/css/ui.jqgrid.min.css" />

$("#grid").jqGrid({
    url: 'data.json',
    datatype: "json",
    colModel: [
        { label: 'ID', name: 'id', key: true, width: 70 },
        { label: 'Name', name: 'name', width: 150 },
        { label: 'Age', name: 'age', width: 80 },
        { label: 'Address', name: 'address', width: 200 }
    ],
    viewrecords: true,
    width: 780,
    height: 200,
    rowNum: 10,
    pager: "#pager"
});

$("#grid").contextMenu({
    selector: 'td',
    build: function ($trigger, e) {
        return {
            callback: function (key, options) {
                var rowId = $(e.target).closest("tr").attr("id");
                var rowData = $("#grid").jqGrid('getRowData', rowId);
                switch (key) {
                    case 'edit':
                        editRow(rowId, rowData);
                        break;
                    case 'delete':
                        deleteRow(rowId, rowData);
                        break;
                }
            },
            items: {
                "edit": { name: "Edit", icon: "edit" },
                "delete": { name: "Delete", icon: "delete" },
            }
        };
    }
});

function editRow(rowId, rowData) {
    // 编辑行的逻辑
}

function deleteRow(rowId, rowData) {
    // 删除行的逻辑
}

<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/jqueryui/1.12.1/jquery-ui.min.css" />