Hi, I am using yui autocompletion data table . while getting this page , the json request is going to server and getting all the records to this table. but it is displaying data error. please help me out this problem,because i was dumbstuck on this problem from days.
below is the my jsp code and ouput screen is attached bottom of page-------- <%@ page contentType="text/html; charset=UTF-8" %> <%@ taglib prefix="s" uri="/struts-tags" %> <head> <link rel="stylesheet" type="text/css" href="scripts/yui/build/fonts/fonts-min.css" /> <link rel="stylesheet" type="text/css" href="scripts/yui/build/autocomplete/assets/skins/sam/autocomplete.css" /> <link rel="stylesheet" type="text/css" href="scripts/yui/build/datatable/assets/skins/sam/datatable.css" /> <link rel="stylesheet" type="text/css" href="scripts/yui/build/paginator/assets/skins/sam/paginator.css" /> <script type="text/javascript" src="scripts/yui/build/yahoo-dom-event/yahoo-dom-event.js"></script> <script type="text/javascript" src="scripts/yui/build/connection/connection-min.js"></script> <script type="text/javascript" src="scripts/yui/build/json/json-min.js"></script> <script type="text/javascript" src="scripts/yui/build/datasource/datasource-min.js"></script> <script type="text/javascript" src="scripts/yui/build/autocomplete/autocomplete-min.js"></script> <script type="text/javascript" src="scripts/yui/build/element/element-beta-min.js"></script> <script type="text/javascript" src="scripts/yui/build/datatable/datatable-min.js"></script> <script type="text/javascript" src="scripts/yui/build/paginator/paginator-min.js"></script> </head> <!--begin custom header content for this example--> <style type="text/css"> /* custom styles for this example */ .yui-skin-sam .yui-dt-liner { white-space:nowrap; } .yui-dt-disabled{opacity : 0.25;} </style> <style type="text/css"> #autocomplete, #autocomplete_zip { height: 25px; } #dt_input, #dt_input_zip { position: static; width: 300px; } #dt_input_zip { width: 60px; } #dt_ac_container, #dt_ac_zip_container { display: none; } </style> <div class="title">Last 24 Hours Track History</div><br/> <div id="autocomplete" align="left"> <label for="dt_input">Group Name: </label><input id="dt_input" type="text" value="Nag"> <div id="dt_ac_container"></div> </div> <div id="autocomplete_zip" align="left"> <label for="dt_input_zip">Device Name: </label><input id="dt_input_zip" type="text" value=""> <div id="dt_ac_zip_container"></div> </div> <div id="demo"> <div id="toppaging"></div> <div id="dt"></div> <div id="bottompaging"></div> </div> <script type="text/javascript"> (function() { alert("starting function"); var Dom = YAHOO.util.Dom, Event = YAHOO.util.Event, queryString = '&results=20&output=dt', device = null, myDataSource = null, myDataTable = null; var getDevice = function(query) { myDataSource.sendRequest('datatable=yes&device=' + query + '&query=' + Dom.get('dt_input').value + queryString, myDataTable.onDataReturnInitializeTable, myDataTable); alert("inside getDevice: " +query); }; var getGroups = function(query) { myDataSource.sendRequest('datatable=yes&query=' + query + '&device=' + Dom.get('dt_input_zip').value + queryString, myDataTable.onDataReturnInitializeTable, myDataTable); alert("inside getGroups: " +query); }; Event.onDOMReady(function() { alert("inside ondom ready"); device = Dom.get('dt_input_zip').value; alert("device:"+device); var oACDS = new YAHOO.util.FunctionDataSource(getGroups); oACDS.queryMatchContains = true; var oAutoComp = new YAHOO.widget.AutoComplete("dt_input","dt_ac_container", oACDS); var oACDSZip = new YAHOO.util.FunctionDataSource(getDevice); oACDSZip.queryMatchContains = true; var oAutoCompZip = new YAHOO.widget.AutoComplete("dt_input_zip","dt_ac_zip_container", oACDSZip); var myColumnDefs = [ { key:"group", label:"Group", sortable:true }, { key:"name" , label:"Name", sortable:true }, { key:"phone", label:"phone#", sortable:true }, { key:"dateOfLastPosition", label:"Date of Last Position", sortable:true }, { key:"timeOfLastPosition", label:"Time of Last Position", sortable:true }, { key:"dateOfLastCheckin", label:"Date of Last Checkin", sortable:true }, { key:"timeOfLastCheckin", label:"Time of Last Checkin", sortable:true } ]; alert("after column def"); myDataSource = new YAHOO.util.DataSource('ama-0.1-dev/ama/trackingHistoryDatatable.action?'); alert("myDataSource:"+myDataSource); myDataSource.responseType = YAHOO.util.DataSource.TYPE_JSON; //alert("response text: " +o.responseText); myDataSource.connXhrMode = "queueRequests"; myDataSource.responseSchema = { resultsList: "ResultSet.Result", fields: [ "group", "name", "phone", "dateOfLastPosition", "timeOfLastPosition", "dateOfLastCheckin", "timeOfLastCheckin" ], metaFields: { totalRecords: "totalRecords" } }; alert("after response"); myDataTable = new YAHOO.widget.DataTable("dt", myColumnDefs, myDataSource, {initialRequest: 'datatable=yes&query=' + Dom.get('dt_input').value + '&device=' + Dom.get('dt_input_zip').value + queryString }); }); })(); </script> http://www.nabble.com/file/p20441040/nag.doc nag.doc -- View this message in context: http://www.nabble.com/problem-regarding-autocompletion-data-table-data-error.-tp20441040p20441040.html Sent from the Struts - User mailing list archive at Nabble.com. --------------------------------------------------------------------- To unsubscribe, e-mail: [EMAIL PROTECTED] For additional commands, e-mail: [EMAIL PROTECTED]