How Do I: Bind a YUI Calendar Widget to a Spry Master Detail Region?

Question

Hello All,
Does anyone know how to bind a YUI Calendar widget to a Spry
master detail region? I have the dataset, yui calendar inserted but
no clue how to bind the two so my dataset populates the calendar
(Highlights dates that have a event) and when a date in the
calendar is clicked it shows in the details section.
I have found a tidbit or two via google but they don't deal
with the new yui cs4
widget. I have seen some video on adove tv that touches on
inserting the yui calendar into a spry dataset but not how to bind
the two together...
Any thoughts on this would be greatly appreciated.

Answer 1

You have to write some code that sets up a select callback on
the YUI side of things, and then set the current row of the data
set that matches that date.
Something like this:
var cal1 = new YAHOO.widget.Calendar("cal1","YUICal1");
cal1.render();
cal1.selectEvent.subscribe(function(type, args, obj)
// Get the selected date string from cal1.
var selectedDate = cal1.getSelectedDates()[0].getDate();
// Find the first row in the data set that has the
// selected date in it's "date" column.
var row = ds1.findRowsWithColumnValues({"date":
selectedDate}, true);
// If we have a matching row, make it the current row for
the data set.
if (row)
ds1.setCurrentRow(row.ds_RowID);
}, cal, true);
--== Kin ==--