grid cell auto complete like jquery auto complete

i want to autocomplete on key press of any cell this autocomplete like jquery autocomple. so please send the how i make a code

such that on cell type autocomplete like jquery.





mygrid = new dhtmlXGridObject(‘gridbox’);

mygrid.imgURL=’…/dhtmlxGrid/Images/imgs/’;

mygrid.setSkin(“light”);

mygrid.loadXML(“dhtmlxGridLoad.aspx?page=packagesetting&code=”+ “All”+ “”);

mygrid.enableSmartRendering(true,20);

mygrid.enableCellIds(true);





// mygrid.enableAutoHeight(false);

// mygrid.enableAutoWidth(false);

mygrid.attachEvent(“onEditCell”,function(stage,rowId,cellInd){



if(stage==1)

{

var x=mygrid.cells(rowId,cellInd).cell.id;





$("#x").

autocomplete(



“ajax.aspx”,

{

extraParams:

{

cou:function()

{

return $("#ctl00_ContentPlaceHolder1_txtcountryname").val();

alert($("#ctl00_ContentPlaceHolder1_txtcountryname").val());

},

supp:function()

{

return $("#ctl00_ContentPlaceHolder1_txtsuppliername").val();

} ,

page:function()

{

return “packagesetting”;

},

box:function()

{

return “country”;

},

}



});

}

if(stage==2)

{





var attr=mygrid.cells(rowId,cellInd).cell.id;

alert(attr);



}

return true;

})

myDataProcessor = new dataProcessor(“dhtmlxGridLoad.aspx?mode=save&page=packagesetting&code=”+ “All” +"");

myDataProcessor.setVerificator(1);

     myDataProcessor.setUpdateMode(“on”);

myDataProcessor.init(mygrid);





function save_data()

{

     myDataProcessor.sendData();

            

}

    myDataProcessor.attachEvent(“onAfterUpdateFinish”,function()

{

alert(‘Successfully Updated !!!’);



})





function newrows()

{





mygrid.addRow((new Date()).valueOf(),[’’,’’,’’,’’,’’,’’,’’,’’,’’,’’],mygrid.getRowIndex(mygrid.getSelectedId()))

}

function getvalue()

{

alert(document.getElementById(’<%=txtsuppliername.ClientID%>’).value);

}





Auto complete mode works only for “combo” eXcells. Please find example here dhtmlx.com/docs/products/dht … combo.html