I have a Spry dataset (named ds1) which is generated by pointing to a php script which creates xml on-the-fly from a mySQL database. I display the Spry dataset using master/detail regions. A user clicks a row in the master region to display additional information in the detail region. The detail region is actually a form which the user can use to edit the data in the database. When the user submits the form, I use loadURL() to update the mySQL database. All of this works correctly.
What isn't working is that I can't get the master/detail regions to update after the form has been submitted to show the newly submitted information. My callback function displays the result of the mySQL update and then attempts to reload the Spry dataset. Here's the callback function:
function resFunc(request) {
var result = request.xhRequest.responseText;
alert( "Result was: " + result);
ds1.loadData();
}
Neither the master nor the detail region updates, and from looking at the ds1 itself in Firebug, it appears that the dataset hasn't really updated either. If I reload the entire browser page, everything updates as expected, but I shouldn't have to do that.
What am I missing?