jQuery Grid Plugin - jqGrid - Topic: ContextMenu http://www.trirand.com/blog/?page_id=393/help/contextmenu Simple:Press Version 5.7.5.3 OlegK on ContextMenu http://www.trirand.com/blog/?page_id=393/help/contextmenu#p23277 Help http://www.trirand.com/blog/?page_id=393/help/contextmenu#p23277 Inside of onContextMenu event handler you can use

var rowId = $(event.target).closest("tr.jqgrow").attr("id");

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 

]]> Sun, 22 May 2011 16:37:37 +0300 eagle on ContextMenu http://www.trirand.com/blog/?page_id=393/help/contextmenu#p23274 Help http://www.trirand.com/blog/?page_id=393/help/contextmenu#p23274 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){

}

});

]]> Sun, 22 May 2011 14:38:43 +0300 ladracu2001 on ContextMenu http://www.trirand.com/blog/?page_id=393/help/contextmenu#p20132 Help http://www.trirand.com/blog/?page_id=393/help/contextmenu#p20132 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>

]]> Mon, 04 Oct 2010 17:43:01 +0300 federico on ContextMenu http://www.trirand.com/blog/?page_id=393/help/contextmenu#p20020 Help http://www.trirand.com/blog/?page_id=393/help/contextmenu#p20020 Hi, i've tried to integrate context menu without success, it doesn't appear

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DT.....t;&gt;
<html xmlns="http://www.w3.org/1999/xhtml&quot; 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=?&#39;, 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

]]> Mon, 27 Sep 2010 15:13:10 +0300