jQuery Grid Plugin - jqGrid

Thank you Tony,

Please see my code below. Where should I reload the grid?

var xmlHttpdata;
function getMessagedata()
{
//in this panel I have the <table id="tabledata1" class="scroll"></table>
document.getElementById("PanelTable1").style.display = "inline";
var persontxt = document.getElementById("txtasf").value;
if(window.ActiveXObject)
{
xmlHttpdata=new ActiveXObject("Microsoft.XMLHTTP");
}
else if (window.XmlHttpRequest)
{

xmlHttpdata=new XMLHttpRequest();
}
//call my WebService
xmlHttpdata.open("get", "http://......?txtname=" + persontxt + "",true);
xmlHttpdata.onreadystatechange=doUpdatedata;
xmlHttpdata.send(); return false;
}
function doUpdatedata()
{
if(xmlHttpdata.readyState==4)
{
if (xmlHttpdata.status == 200) {
//document.getElementById("lblHTMLOutput").innerHTML = "";
var xmlDocdata =xmlHttpdata.responseXML.xml;
var newmystr = xmlDocdata.toString();
var mystr = xmlDocdata.toString();
//alert(mystr);

$(document).ready(function(){
$("#tabledata1").jqGrid({   
url:'life_proposalstep1.aspx',
datatype: 'xmlstring',
datastr: mystr,
      colNames:['kok','aaa','bbb','fff','ddd','eee','uuu'],
      colModel:[
            {name:"ID",index:"ID", width:50, xmlmap:"ID",sorttype:'int'},
            {name:"ALNAME",index:"ALNAME", width:400, xmlmap:"ALNAME",sorttype:'text'},
             {name:"AFM",index:"AFM", width:100, xmlmap:"AFM",sortable:false},
             {name:"ABDAY",index:"ABDAY", width:100, xmlmap:"ABDAY",sortable:false,hidden:true},
            {name:"ASEX",index:"ASEX", width:100, xmlmap:"ASEX",sortable:false,hidden:true},
            {name:"AFNAME",index:"AFNAME", width:100, xmlmap:"AFNAME",sortable:false,hidden:true},
            {name:"AFATHER",index:"AFATHER", width:100, xmlmap:"AFATHER",sortable:false}
     ],
      height:210,
     imgpath: 'themes/sand/images',
     sortname: 'ID',
    viewrecords: true,
    sortorder: "desc",
      loadonce: true,
     xmlReader: {
                  root : "NewDataSet",
                  row: "Table",
                  repeatitems: false
      },
      onSelectRow: function(rowid) {
   
    var sr = jQuery('#tabledata1').getGridParam('selrow');
    rowdata = jQuery('#tabledata1').getRowData(sr);
    alert(rowdata.ID);      
   //Some other actions......
    }
 
});
});
}
}
}

I call the javascript on the ClientClick event of an image button.

Any help would be appreciated.

Thank you

function doUpdatedata()
{
if(xmlHttpdata.readyState==4)
{
if (xmlHttpdata.status == 200) {

var xmlDocdata =xmlHttpdata.responseXML.xml;
var newmystr = xmlDocdata.toString();
var mystr = xmlDocdata.toString();

//mystr is my xml string

Here I construct the grid........

}}

I posted above all my code...

Dear Tony I found the solution

Just before I create the grid I use

JQuery("mygrid").Gridunload();

and everything works fine thank you for your help