Question

我想在上下文菜单中调用一个函数。我尝试过按钮，它完美无缺。当我试图放入上下文菜单时，我无法调用该函数。我使用这个库https://github.com/swisnl/jQuery-contextMenu作为上下文菜单。

我的表：

<table id="ppmpsupplies" class="table table-bordered table-hover" cellspacing="0" width="100%">
              <thead>
                <tr>
                  <th>Code</th>
                  <th>General Description</th>
                  <th>Unit</th>
                  <th>Quantity</th>
                  <th>Estimated Budget</th>
                  <th>Mode of Procurement</th>
                  <th>Actions</th>

                </tr>
              </thead>
              <tbody>
                <?php foreach($items as $item){?>
                <tr>
                 <td><?php echo $item->id;?></td>
                 <td><?php echo $item->description;?></td>
                 <td><?php echo $item->unit;?></td>
                 <td><?php echo $item->quantity;?></td>
                 <td><?php echo $item->budget;?></td>
                 <td><?php echo $item->mode;?></td>                     
              </tr>
              <?php }?>

            </tbody>
            <tfoot>
              <td colspan="3"></td>
              <td>Total</td>
              <td></td>
            </tfoot>
          </table>

我的上下文菜单：

"edit": {
        name: "Edit",
        icon: "fa-pencil-square-o",
        callback: function(item, id) {
        $('#gcjmodal').on('click', edit_item('$item->id'));
        // $('#gcjmodal').click(edit_item('$item->id'));
        return true;
        }
        },
"delete": {
        name: "Delete",
        icon: "fa-trash-o",
        callback: function(item, id) {
        //$(this).delete_item('$item->id');
        // $(this).on('click', delete_item('$item->id'));
        return true;
        }
        },

我的功能：

    function edit_item(id) {
        save_method = 'update';
        $('#gcjform')[0].reset();
        $.ajax({
            url: "<?php echo site_url('ppmp/ajax_edit/')?>" + id,
            type: "GET",
            dataType: "JSON",
            success: function(data) {

                $('[name="id"]').val(data.id);
                $('[name="description"]').val(data.description);
                $('[name="unit"]').val(data.unit);
                $('[name="quantity"]').val(data.quantity);
                $('[name="budget"]').val(data.budget);
                $('[name="mode"]').val(data.mode);

                $('#gcjmodal').iziModal('open');
            },
            error: function(jqXHR, textStatus, errorThrown) {
                alert('Error get data from ajax');
            }
        });
    }
function delete_item(id) {
        if (confirm('Are you sure delete this data?')) {
            $.ajax({
                url: "<?php echo site_url('ppmp/delete_item')?>/" + id,
                type: "POST",
                dataType: "JSON",
                success: function(data) {
                    location.reload();
                },
                error: function(jqXHR, textStatus, errorThrown) {
                    alert('Error deleting data');
                }
            });

Answer 1

违规行代码是

$('#gcjmodal').on('click', edit_item('$item->id'));

当您将字符串传递给edit_item函数（即'$item->id'）时。

您需要使用PHP标记解析它。所以该行应该是：

$('#gcjmodal').on('click', edit_item('<?php print $item->id ?>'));

Jquery contextmenu调用一个函数

1 个答案: