我想调用上下文菜单中的函数。我尝试过使用按钮,效果非常好。当我尝试放置在上下文菜单中时,我无法调用该函数。我用过这个库https://github.com/swisnl/jQuery-contextMenu用于上下文菜单。
我的 table :
<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');
}
});
最佳答案
有问题的代码行是
$('#gcjmodal').on('click', edit_item('$item->id'));
当您将字符串传递给 edit_item
函数时(即 '$item->id'
)。
您需要使用 PHP 标签来解析它。所以该行应该是:
$('#gcjmodal').on('click', edit_item('<?php print $item->id ?>'));
关于javascript - Jquery上下文菜单调用函数,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/44666419/