Hi,

I have a grid that should be dinamically populated. The ajax ReferralPlansArray is returning the following array:

"[{PlanID:'50',Plan:'Initial Plan for Genius`s R` Us - Referral Type 1',Status:'A',Start:'',End:''}]"

and the jqGrid code is the follow. I'm not sure what I'm doing wrong but the code adds a blank row with no data on it. What am I missing?

Thanks in advance

jQuery(document).ready(function(){

.....

jQuery("#list4").jqGrid({
                datatype: "local",
                height: 100,
                colNames: ['PlanID', 'Plan', 'Status', 'Start', 'End'],
                colModel: [
                            { name: 'PlanID', index: 'PlanID', width: 30, sorttype: "int", hidden: true },
                               { name: 'Plan', index: 'Plan', width: 300, align: "left" },
                            { name: 'Status', index: 'Status', width: 50, align: "center" },
                            { name: 'Start', index: 'Start', width: 100, align: "left" },
                            { name: 'End', index: 'End', width: 100, align: "left" }
                        ],
                multiselect: false,
                caption: "Referral Plans",
                rowNum: 10,
                rowList: [10, 20, 30],
                pager: '#pager4',
                viewrecords: true,
                autowidth: true,
                onSelectRow: function (ids) {
                    var ret = jQuery("#list4″).jqGrid('getRowData', ids);
                    var _planID = ret.PlanID;
                    alert(_planID);

                } //end of onSelectRow
            }); //end of jQuery.jqGrid

            jQuery("#list4″).jqGrid('navGrid', '#pager4', { edit: false, add: false, del: false });

            var currentTime = new Date()
            var scurr = currentTime.getSeconds();
            scurr += "_";
            scurr += currentTime.getMinutes();
            $.ajax({
                url: "../Code/RequestHandler.ashx?ct=" + scurr + "&Command=ReferralPlansArray&AID=" + _activity,
                type: "GET",
                success: function (data, textStatus, XMLHttpRequest) {
                    $("#list4").jqGrid("clearGridData");
                    jQuery("#list4").jqGrid('addRowData', "PlanID", data);
                    $("#list4").trigger("reloadGrid");
                }
            }); //end of ajax
        }

....

 });