You are viewing a plain text version of this content. The canonical link for it is here.
Posted to user@struts.apache.org by Naaag <na...@btpsoft.com> on 2008/11/11 15:54:17 UTC
problem regarding autocompletion data table data error.
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: user-unsubscribe@struts.apache.org
For additional commands, e-mail: user-help@struts.apache.org