Obtrusive spry elements

Question

I have the following spry:repeat
quote:
<ul id="categoryList"
spry:repeatchildren="categoryPagingDs"
spry:choose="spry:choose">
<li spry:when="'{ds_RowNumber}' == 0"
class="maincategory"
id="maincat_'{ds_RowNumber}'"><b>{@name}</b></li>
<li spry:when="'{@name}' != getPrevCat('{ds_RowNumber}')"
class="maincategory"
id="maincat_'{ds_RowNumber}'"><b>{@name}</b></li>
<li id="cat_{ds_RowID}"
spry:default="'{ts:subcategory/@name}' != ''"
class="subcategory">{ts:subcategory/@name}</li>
</ul>
i have a
quote:
function initCatWidget(){
Spry.$$("*.subcategory").addEventListener("click",setFilterByCategory,false);
Spry.$$("*.maincategory").addEventListener("click",setFilterByCategory,false);
being called on an
onLoad region and postUpdate
while in FF 2 I get the triggered event i DON'T get the 'id'
from the
Spry.$$('*.maincategory')
and in IE 6 i don't get any 'click' events at all...

Answer 1

I have updated the regions to
quote:
<ul id="categoryList"
spry:repeatchildren="categoryPagingDs"
spry:choose="spry:choose">
<li spry:when="'{ds_RowNumber}' == 0"
class="maincategory" id="maincat_'{ds_RowNumber}'" ><b
spry:setrow="categoryPagingDs
categoryListDs">{@name}</b></li>
<li spry:when="'{@name}' != getPrevCat('{ds_RowNumber}')"
class="maincategory" id="maincat_'{ds_RowNumber}'" ><b
spry:setrow="categoryPagingDs
categoryListDs">{@name}</b></li>
<li id="cat_{ds_RowID}"
spry:default="'{ts:subcategory/@name}' != ''"
class="subcategory"><span spry:setrow="categoryPagingDs
categoryListDs">{ts:subcategory/@name}</span></li>
</ul>
and used
quote:
Spry.Utils.addLoadListener(initCatWidget);
var catObserver = {};
catObserver.onPostUpdate = initCatWidget;
catObserver.onCurrentRowChanged = setFilterByCategory;
Spry.Data.Region.addObserver("categoryListingRegion",
catObserver);
No dice on either browsers the previous code was more closer
to a solution....
it his a bug also?