Spry Data Sheet HTML

Question

Currently I am making a site with spry Datasheet (with a
HTML). I have two datasheet that i use. The spry-masterdetail part
contains two sets of rows with thumbs of the datasheet file.
Somewhere on my page I have the spry-detail. If i click on one of
the thumb it shows in de spry-detail the result. This works with
the first of the rows with thumbs. The second row doesn't work.
This is because the first result (when you click on the thumb of
the first row) is on top of second result (when you click on the
thumb of the second row).
These are my codes for the result when clicking on the thumb:
<div spry:detailregion="dsgr dsva"
class="DetailContainer">
<div class="DetailColumn">{Picture}</div>
</div>
As you can see the detailregion contains two datasheets (dsgr
ad dsva). But it can't choose which one to set on top. How do i
deal with this problem. Javascript (I don't know how to do this)?
I've read somewhere to use spry:choose but this isn't very clearly
for me.

Answer 1

Hi,
There is some problem in Spry where in if the loaded content
has any spry:regions or dataset objects, those are not executed as
expected. You need to replace the Spry.Utils.setInnerHTML function
with the following code
Spry.Utils.setInnerHTML = function(ele, str, preventScripts)
if(!ele)
return;
ele = Spry.$(ele);
var scriptExpr =
"<script[^>]*>(.|\s|\n|\r)*?</script>";
ele.innerHTML = str.replace(new RegExp(scriptExpr, "img"),
if (preventScripts)
return;
var matches = str.match(new RegExp(scriptExpr, "img"));
if (matches)
var numMatches = matches.length;
for (var i = 0; i < numMatches; i++)
var s = matches
.replace(/<script[^>]*>[\s\r\n]*(<\!--)?|(-->)?[\s\r\n]*<\/script>/img,
var oScript = document.createElement("script");
oScript.text = s;
ele.appendChild(oScript);
Spry.Data.initRegions(Spry.$(ele));
It should work fine.
-JV