<%--
--%>
%{--
--}%
${flash.message}
![](" + oData.url + ")
";
};
YAHOO.widget.DataTable.Formatter.link = function( elLiner, oRecord, oColumn, oData )
{
elLiner.innerHTML = "" + oData.label + "";
};
YAHOO.example.DynamicData = function()
{
// Column definitions
var myColumnDefs = ${myColumnDefs};
// Custom parser
var stringToDate = function( sData )
{
var array = sData.split( "-" );
return new Date( array[1] + " " + array[0] + ", " + array[2] );
};
// DataSource instance
var myDataSource = new YAHOO.util.DataSource(
"${createLink(action: 'query.json')}?" );
myDataSource.responseType = YAHOO.util.DataSource.TYPE_JSON;
myDataSource.responseSchema = {
resultsList: "results",
fields: ${fields},
metaFields: {
totalRecords: "totalRecords" // Access to value in the server response
}
};
// DataTable configuration
var myConfigs = {
// Initial request for first page of data
initialRequest: "${initialRequest}",
// Enables dynamic server-driven data
dynamicData: true,
// Sets UI initial sort arrow
sortedBy : {key:"id", dir:YAHOO.widget.DataTable.CLASS_ASC},
// Enables pagination
paginator: new YAHOO.widget.Paginator( { rowsPerPage: ${params.max} } ),
// Change query string to match service
generateRequest: function(state) {
var query = "offset=" + state.pagination.recordOffset +
"&max=" + state.pagination.rowsPerPage +
"&sort=" + state.sortedBy.key +
"&order=" + ((state.sortedBy.dir === YAHOO.widget.DataTable.CLASS_ASC) ? "asc" : "desc");
if ("${initialRequest}" != null) {
query += '&' + "${initialRequest}";
}
/*
if (this.customQueryString != null) {
query += '&' + this.customQueryString;
alert(query);
}
// tack on any user filters
for (filterBy in this.userFilters) {
query += '&filterBy=' + filterBy + '&filterOn=' + this.userFilters[filterBy];
}
*/
return query;
}
};
// DataTable instance
var myDataTable = new YAHOO.widget.DataTable( "dynamicdata", myColumnDefs, myDataSource, myConfigs );
// Update totalRecords on the fly with value from server
myDataTable.handleDataReturnPayload = function( oRequest, oResponse, oPayload )
{
oPayload.totalRecords = oResponse.meta.totalRecords;
return oPayload;
}
var oButtonGroup3 = new YAHOO.widget.ButtonGroup({
id: "buttongroup3",
name: "radiofield3",
container: "radiobuttonsfromjavascript" });
oButtonGroup3.addButtons([
{ label: "Image", value: "image", checked: true },
{ label: "Metadata", value: "metadata" },
{ label: "File", value: "file" },
{ label: "Links", value: "links" }
]);
var showGroup = function ( group )
{
for ( var i in myColumnDefs )
{
var column = myDataTable.getColumn(myColumnDefs[i].key);
if (column)
{
myDataTable.hideColumn(column);
if( group == myColumnDefs[i].group )
{
myDataTable.showColumn(column);
}
}
}
myDataTable.showColumn(myDataTable.getColumn("id"));
myDataTable.showColumn(myDataTable.getColumn("thumbnail"));
};
// "checkedButtonChange" event handler for each ButtonGroup instance
var onCheckedButtonChange = function ( p_oEvent )
{
if( p_oEvent.newValue )
{
showGroup( p_oEvent.newValue.get("value") );
}
};
showGroup("image");
myDataTable.showColumn(myDataTable.getColumn("id"));
myDataTable.showColumn(myDataTable.getColumn("thumbnail"));
oButtonGroup3.on("checkedButtonChange", onCheckedButtonChange);
return {
ds: myDataSource,
dt: myDataTable
};
}();