Forum
Log In
Home
Topic RSS
15:13
27/09/2010
Offline
Hi, i've tried to integrate context menu without success, it doesn't appear
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>jqGrid ContextMenu</title>
<link rel="stylesheet" type="text/css" media="screen" href="r/html/jquery/redmond/css/redmond/jquery-ui-1.8.4.custom.css" />
<link rel="stylesheet" type="text/css" media="screen" href="r/html/jquery/contextmenu/jquery.contextmenu.css" />
<link rel="stylesheet" type="text/css" media="screen" href="r/html/jquery/jqGrid/themes/ui.jqgrid.css" />
<link rel="stylesheet" type="text/css" media="screen" href="r/html/jquery/jqGrid/themes/ui.multiselect.css" />
<script src="r/html/jquery/redmond/js/jquery-1.4.2.min.js" type="text/javascript"></script>
<script src="r/html/jquery/redmond/js/jquery-ui-1.8.4.custom.min.js" type="text/javascript"></script>
<script src="r/html/jquery/jqGrid/js/jquery.layout.js" type="text/javascript"></script>
<script src="r/html/jquery/jqGrid/js/ui.multiselect.js" type="text/javascript"></script>
<script src="r/html/jquery/jqGrid/js/i18n/grid.locale-it.js" type="text/javascript"></script>
<script src="r/html/jquery/jqGrid/js/jquery.jqGrid.js" type="text/javascript"></script>
<!--script src="jqGrid/js/jquery.tablednd.js" type="text/javascript"></script-->
<script src="r/html/jquery/contextmenu/jquery.contextmenu.js" type="text/javascript"></script>
<script type="text/javascript">
var gridimgpath = 'r/html/jquery/redmond/images';
var eventsMenu = {
bindings: {
'edit': function(t) {
alert('Accion [Editar] del elemento ' + t.id);
},
'cut': function(t) {
alert('Accion [Cortar] del elemento ' + t.id);
},
'copy': function(t) {
alert('Accion [Copiar] del elemento ' + t.id);
},
'paste': function(t) {
alert('Accion [Pegar] del elemento ' + t.id);
},
'delete': function(t) {
alert('Accion [Eliminar] del elemento ' + t.id);
}
}
};
$(document).ready(function() {
$('#list2').jqGrid({
datatype: 'json',
colNames: ['id', 'name', 'screen_name', 'text'],
colModel: [
{ name: 'id', index: 'id', width: 100 },
{ name: 'name', index: 'name', width: 100 },
{ name: 'screen_name', index: 'screen_name', width: 100 },
{ name: 'text', index: 'text', width: 500 }],
imgpath: gridimgpath,
pager: jQuery('#pager2'),
sortname: 'id',
viewrecords: true,
sortorder: 'desc',
caption: 'JSON Example',
afterInsertRow: function(rowid, rowdata, rowelem) {
$('#' + rowid).contextMenu('MenuJqGrid', eventsMenu);
}
}).navGrid('#pager2', { edit: false, add: false, del: false });
$.getJSON('http://twitter.com/status/user_timeline/JQuery.json?count=15&callback=?', function(data) {
$.each(data, function(i, val) {
$('#list2').addRowData(val.id, { id: val.id, name: val.user.name,
screen_name: val.user.screen_name, text: val.text
});
});
});
});
</script>
</head>
<body>
<div>
<table id="list2" class="scroll" cellpadding="0" cellspacing="0">
</table>
<div id="pager2" class="scroll" style="text-align: center;">
</div>
</div>
<div class="contextMenu" id="MenuJqGrid">
<ul>
<li id="edit">
<img src="themes/contextMenu/edit.png" />
Editar</li>
<li id="cut">
<img src="themes/contextMenu/cut.png" />
Cortar</li>
<li id="copy">
<img src="themes/contextMenu/copy.png" />
Copiar</li>
<li id="paste">
<img src="themes/contextMenu/paste.png" />
Pegar</li>
<li id="delete">
<img src="themes/contextMenu/delete.png" />
Eliminar</li>
</ul>
</div>
</body>
</html>
What's wrong ..
i'm using jqgrid 3.8
17:43
20/08/2010
Offline
Hello, try to change your code:
<script src="r/html/jquery/contextmenu/jquery.contextmenu.js" type="text/javascript"></script>
for this one:
<script type="text/javascript" src="js/jquery.contextmenu.r2.js"></script>
14:38
16/03/2009
Offline
Hello. I trying to add context menu with contextmenu plugin.
All works fine.
But how can I get rowid, when I click on contextmenu item?
Thats my code:
jQuery(".jqgrow, #listlearning_programs").contextMenu('myMenu1', {
bindings: {
'edit': function(t) {
//popup menu edit button handler
},
'add': function(t) {
//popup menu add button handler
},
'del': function(t) {
//popup menu del button handler
}
},
onContextMenu : function(event, menu){
}
});
16:37
10/08/2009
Offline
Inside of onContextMenu event handler you can use
to get the rowId. Inside of 'edit', 'add' and other popup menu handler you can use t.id go get the rowid.
Best regards
Oleg
Most Users Ever Online: 715
Currently Online:
159 Guest(s)
Currently Browsing this Page:
1 Guest(s)
Top Posters:
OlegK: 1255
markw65: 179
kobruleht: 144
phicarre: 132
YamilBracho: 124
Renso: 118
Member Stats:
Guest Posters: 447
Members: 11373
Moderators: 2
Admins: 1
Forum Stats:
Groups: 1
Forums: 8
Topics: 10592
Posts: 31289
Newest Members:
, razia, Prankie, psky, praveen neelam, greg.valainis@pa-tech.comModerators: tony: 7721, Rumen[Trirand]: 81
Administrators: admin: 66
