jQuery Grid Plugin - jqGrid

Hi Everyone,

After weeks of monkeying with Telerik to figure out it was not worth the pain, jqGrid has been a pleasure to work with. I am running into two issues which I have read solutions for but they don't seem to work for me. I have a treegrid (don't think that matters for these issues otherwise I would have posted in the treegrid section) and it seems that hoverrows and loadonce are not working for me. Perhaps a misunderstanding and I could use some help.

Challange 1 - loadonce

Loadonce - I succesfully load my treegrid via ajax and most options work. However, there is a root node with no children so I don't want the ajax to fire again when I expand (or just not expand). I thought loadonce would keep that from happening?

Challange 2 - hoverrows

I was trying to integrate qTip over an image tag I have in the table/tree. However, it doesn't seem that hoverrows when set to false is cancelling the default behavior and showing the jqgrid tip.

I was running v3.5 with no success. I just downloaded v3.6, cleared my cache and still no luck. I am using .net MVC and loading the grid in a partial page. The beauty of the product is, below is all my front-end code for nice tree. If anyone has any comments I would greatly appreciate them!

<script type="text/javascript">

var gridimgpath = 'assets/stylesheets/ui-custom/images';

$(document).ready(function() {

$("#content .scheduleNavImg").qtip({
content: 'This is an active list element',
show: 'mouseover',
hide: 'mouseout'
})

jQuery("#treegrid2").jqGrid({
    treeGrid: true,
    treeGridModel: 'adjacency',
    ExpandColumn: 'menu',
    ExpandColClick: false,
    url: '/Member/GetTree',
    datatype: 'xml',
    colNames: ["id", "menu", "menutype", "typeid"],
    colModel: [
        { name: 'id', key: true, width: 1, hidden: true, sortable: false },
        { name: 'menu', width: 200, hidden: false, sortable: false },
        { name: 'menutype', width: 1, hidden: true },
        { name: 'typeid', width: 1, hidden: true}],
    height: 600,
    width: 200,
    pager: false,
    viewrecords: true,
    imgpath: gridimgpath,
    loadonce: true,
    hoverrows: false,
    caption: 'Categories',
    onSelectRow: function(row_id) { ClientNodeClicked(jQuery("#treegrid2").getCell(row_id, 2), jQuery("#treegrid2").getCell(row_id, 3)); }
})
});

</script>
<table id="treegrid2" class="scroll" cellpadding="0" cellspacing="0"></table>

Much appreciated,

Brian