Spry:selected? First choice in table selected

Hi all:
I want the first item in my table to be highlighted when
enters the page. I understand that spry:selected may be able to do
this, but when I include in my code, it always highlights the last
item in the table list, not the first.
Here is my code for the table as it currently stands.
<div spry:region="ds1">
<table>
<tr spry:repeat="ds1" spry:setrow="ds1"
spry:hover="hover" spry:select="select" spry:selected = "">
<td>{select}</td>
</tr>
</table>
</div>
Thanks,
oldmanscully

Hi oldmanscully,
I had the same problem and found the following solution. Hope
it helps.
<div spry:region="ds1">
<table>
<tr spry:repeat="ds1" spry:choose="">
<td spry:when="{ds_CurrentRowID} == {ds_RowID}"
spry:setrow="ds1" spry:hover="hover" spry:select="select"
spry:selected="">{select}</td>
<td spry:default="" spry:setrow="ds1"
spry:hover="hover_row" spry:select="select"
class="grid_row">{select}</td>
</tr>
</table>
</div>
Kind regards,
Ben

Similar Messages

Spry select list code to wire it to html data table SET column?

I am making a page based on Figure 15-14, Pg 878, in David Power's book, "Dw CS4 with CSS, Ajax and PHP. I have two separate html data tables hidden in the page, one for the specialties drop down select list and the other for the teachers master/detail regions. These are populated with php and working well. The spry select list and master/detail regions are working great except for one issue. The column in my html data table that is being filtered ("Specialty" in my code = 'Category' in the book's example code) is a SET column (with possible value of 1, 2, 3, 4, and/or 5). Clicking on the drop down menu brings up the records with a single value beautifully. The result for records with multiple values is a spry error "Invalid row number: 0". After four different versionings and methods of messing with this, I still haven't a clue. Please help me with how to rewire the Spry select list code so that it will read the records that have multiple items in that column. I have included the code below.
var data_set_teachers = new Spry.Data.HTMLDataSet(null, "teacher_data");
data_set_teachers.gallery = '1';
function chooseSet(dataSet, row, rowNumber)
if (row["Specialty"] == data_set_teachers.gallery) {
   return row;
return null;
data_set_teachers.filter(chooseSet);
function changeSet(set)
data_set_teachers.gallery = set;
data_set_teachers.filter(chooseSet);
data_set_teachers.setCurrentRowNumber(0);
var rows = data_set_teachers.getData();
for (var i = 0; i < rows.length; i++) {
   if (rows[i]["Specialty"] == set) {
     data_set_teachers.setCurrentRowNumber(i);
     break;
var data_set_specialties = new Spry.Data.HTMLDataSet(null, "specialty_data");

Well I'll be damned!
What's done in the sample app is, of course, the intuitively obvious choice and is exactly what I started out trying to do the first time round.
But as I mentioned before, when I first tried it (yes: I'm pretty sure I set the "for" attribute on the inlineMessage components), I got the non-unique component id exception for the inlineMessage component(s) after adding the second (but not the first) row to the page.
Anyway, after dragging my inlineMessages to the exact same position as those in the AppModel example, now things work fine (except I think I'd like a line break before the message and to change the row/column styles so the values and messages line up properly...the look is rather ugly in the AppModel example when there are validation messages displayed).
Not sure, but I'm thinking maybe there was an issue with where the inline message markup was placed, my first time through, relative to the data table value bound component and the column header facet?
I was using the application view drag 'n drop feature the first time round and dragged the inlineMessage component to the spot just below the data table value bound component and hence just above the column header facet. In the AppModel example, OTOH, the inline messages are placed just after the column header facet.
Of course, I will now try to duplicate the original exception.
If I can (and it is an issue with placement), I will post back some sort of bug report or RFE. Otherwise, I'll post back declaring what a bone head I've been...;-)
Anyway, thanks for the quick response, v.
Campbell

Select first item in table

I have a spry:region that feeds data to another spry:region
and spry:detailregion. The setup works fine, but the first
dsJobCategories TD doesn't appear selected via CSS. It pipes in the
data to the subsequent spry:region and :detailregion without
showing up as selected. The code is below. Can anyone tell me what
I'm doing wrong?
<div id="Jobs_DIV">
<span spry:region="dsJobCategories">
<h2>2: Choose a Subcategory</h2>
<table width="200">
<tr spry:repeat="dsJobCategories">
<td spry:if="{jobcount} == 0" class="disabled"
spry:setrow="dsJobCategories">{name}</td>
<td spry:if="{jobcount} > 0" spry:select="select"
spry:hover="hover" spry:selectgroup="jobs"
spry:setrow="dsJobCategories">{name}</td>
</tr>
</table>
</span>
</div>
<div id="Job_List_DIV">
<span spry:region="dsJobList">
<h2 spry:if="{ds_RowCount} == 0"> </h2>
<p spry:if="{ds_RowCount} == 0">Please choose a
category at the left. Categories with no jobs are greyed
out.</p>
<span spry:if="{ds_RowCount} != 0">
<h2>Job List:</h2>
<table width="200">
<tr spry:repeat="dsJobList">
<td spry:select="select" spry:hover="hover"
spry:selectgroup="jobs"
spry:setrow="dsJobList">{title}</td>
</tr>
</table>
</span>
</span>
</div>
<div id="Jobs_Detail_DIV" spry:detailregion="dsJobList"
spry:if="{ds_RowCount} > 0">
<h2>Job Detail:</h2>
<p><b>title:</b> {title}<br />
<b>description:</b> {description}<br />
<b>facility:</b> {facility}<br />
<b>referencenumber:</b> {referencenumber}
</div>

Originally posted by: daniel.rohe.stud.tu-ilmenau.de
ven schrieb:
> Hi,
>
> I am using a multipage editor with a master details block. The master
> block has a table viewer. I am trying to select the first item in the
> table programmatically and fire the event associated with the selection.
> TEven though i select the item in the table using setSelection() on the
> table viewer, the details block doesn't show up. It shows up when
> explicitly clicked upon. Does anybody know any solution to this problem.
> I want the details black to be shown as soon as the editor is loaded and
> the user swtiches to this page.
> thanks,
> ven
>
In your master part use managedForm.selectionChanged(this,
viewer.getSelection()) to notify other parts in the managed form that
the selection has changed.
Kind regards,
Daniel

First row of table is displayed as selected always when application loads.

Hi..
I have a table with few rows in it.When the application loads the first row of table is displayed as selected always.I don't want any of the rows to be displayed as selected.
How can I prevent this ?
My jdev version 11.1.1.5.0
Edited by: Lovin_JV_941794 on Mar 12, 2013 2:13 AM

Hi,
can you remove the attribute
selectedRowKeys="#{bindings.XXXX.collectionModel.selectedRow}"This would ensure that there are no selected rows persisted. you can also paste the jspx code also for better answer.
~Abhijit

TS3274 When viewing pick lists from different web sites my iPad2 selects the first choice on the list and loads it without allowing me to pick my option; is there a way to change this default?

When viewing pick lists from different web sites my iPad 2 (safari) selects the first choice on the list and loads it without allowing me to pick my option; is there a way to change this default?

With your playhead over the clip in the timeline and that V track's 'track selector' as the only one active...hit the 'f' key.
This will load the original clip into the viewer at the matching point of the frame in the timeline.
K

Problem with spry:select not selecting

I am having trouble getting the spry:select to work on the
following code. Everything works except for the spry:select. If I
remove the spry:hover and the spry:sort, then the spry:select will
work. The only way I can get the spry:select to work is if it is
the only spry statement in the <td>. Please help.
NON-WORKING SPRY:SELECT CODE:
<div spry:region="pv1">
Records {ds_PageFirstItemNumber}-{ds_PageLastItemNumber} of
{ds_PageTotalItemCount}
<table cellpadding="0" cellspacing="0" border="0"
width="100%">
<tr>
<td class="tableheader" style="cursor:pointer;"
spry:select="tableheaderSel" spry:hover="tableheaderSel"
spry:sort="airport_code">Airport</td>
<td class="tableheader" style="cursor:pointer;"
spry:hover="tableheaderSel" spry:sort="hotel">Hotel</td>
<td class="tableheader" style="cursor:pointer;"
spry:hover="tableheaderSel"
spry:sort="bookings">Bookings</td>
<td class="tableheader" style="cursor:pointer;"
spry:hover="tableheaderSel"
spry:sort="previous_year_bookings">Previous Year</td>
<td class="tableheader" style="cursor:pointer;"
spry:hover="tableheaderSel" spry:sort="change">Change</td>
<td class="tableheader" style="cursor:pointer;"
spry:hover="tableheaderSel"
spry:sort="percent_change">%</td>
</tr>
<tr spry:repeat="pv1" spry:odd="tablerow1">
<td class="tablecell"
spry:content="{airport_code}"></td>
<td class="tablecell"
spry:content="{hotel}"></td>
<td class="tablecell"
spry:content="{bookings}"></td>
<td class="tablecell"
spry:content="{previous_year_bookings}"></td>
<td class="tablecell"
spry:content="{change}"></td>
<td class="tablecell"
spry:content="{percent_change}"></td>
</tr>
</table>
<p>
<div style="float:right;">
<input type="button" value="Next"
onClick="pv1.nextPage();" />
<input type="button" value="Last"
onClick="pv1.lastPage();" />
</div>
<div style="float:left;">
<input type="button" value="First"
onClick="pv1.firstPage();" />
<input type="button" value="Prev"
onClick="pv1.previousPage();" />
</div>
</div>

When you use a spry:sort, you are sorting the data set and
the entire region is redrawn. This wipes out the spry:select. This
happens to the select, no matter where it is.
The way to highlight the currently selected column is a bit
tedious. You will have to have a spry:if that checked the value of
{ds_SortColumn}. This means repeating the <TD> for each
condition.
It's a sub-optimal solution but we don't have attribute level
control.
However, we do have some tools and enhancements coming up
that should make this easier. But they are not ready yet, so...
http://labs.adobe.com/technologies/spry/samples/data_region/DataSetMasterDetailSample.html
has an example of how we use spry:if to conditionally put on
an attribute.
Don

Spry:select CSS Styling question

I have this table in my html document and it works fine but
I'd like to add one more thing that has me stumped.
When the page loads. I'd like the CSS class mySelectClass to
be applied to the first row program-atically. Currently when the
paqge loads none of the items has the CSS class styling applied. I
can select any other row except the first one and then the styling
applies to that row and then go back to the first row and select it
to apply the styling. The effect I'm looking for is to let the user
know that the first row is selected already as soon as the page
loads. Thanks a bunch.
<div spry:region="dsCalmonths" class="float_left" >
<table>
<tr>
<th>Mo-Yr</th>
</tr>
<tr spry:repeat="dsCalmonths" spry:setrow="dsCalmonths"
spry:select="mySelectClass">
<td>{dsCalmonths::moyr}</td>
</tr>
</table>
</div>

You have to use the spry:selected attribute. Look at the
product demo to see how its used in that table:
http://labs.adobe.com/technologies/spry/demos/products/index.html
--== Kin ==--

Using spry select on multiple forms in same page

Greetings-
My apologies if this has already been answered but after a few searches I've not found my solution....
I have a web page with 2 different forms (completely different open form and close form tags) that I'm trying to get the Spry Select Widget to work in.
Both forms' Spry Select widgets interact as expected with the user with one exception; the second form continues to submit to the action page even if the user is trying to submit an invalid value (the docs suggested using the value of -1 so that's what I'm using). The appropriate error gets displayed to the user but the form continues to submit, which I don't want. Is there a limitation that I missed regarding the use of multiple forms in the same web page with the Spry Select Widget?
FWIW, I'm running the app on ColdFusion and even the cfform/cfselect won't work with the Spry Widget.... I've named and id'd all forms and form elements and still no luck.
Any ideas?
Thanks in advance,
Rich

Hi Brad,
The preamble looks reasonable. I would like to make sure you are clear on the process.
The data needs to be rendered twice (i.e. a 2 step job). In the first step you create a trace file with the page count for each document in it...\trace"^define User:PageCountForTrans_@:TransCount. @$page.@LF."."
In the second step, that trace file is brought back in as a preamble file.
Please confirm that you are in fact passing the data twice.
cheers
Chris

Spry:select only works on double or second click

Why when using the spry:select does it only work once I have
double-clicked
I have put the ".selected" class at the bottom of my css
style sheet so it will be picked up correctly
here is the link and below is a snippet of code
http://www.studio-rasa.com/Store/Store_View_All2.html#
(if you test out the link above, you can see that I'm trying
to get the background color of the link to be gray once they are
clicked. However, they only turn gray once it has been clicked
twice)
<li><a href="#" onclick =
"dsCategories.setCurrentRow('1');"
spry:select="selected">Oil</a></li>
<li><a href="#" onclick =
"dsCategories.setCurrentRow('2');"
spry:select="selected">Pastel</a></li>
<li><a href="#" onclick =
"dsCategories.setCurrentRow('3');"
spry:select="selected">Watercolor</a></li>

Hi,
Was there a solution to this? I've come across it as well.
What causes this for me is when I'm using nested data sets. Here it
is in a simplified example:
<?xml version="1.0" encoding="UTF-8"?>
<specials>
<menu_item id="1">
<item>Summer Salad</item>
<ingredients>
<ingredient id="1">tomatoes</ingredient>
<ingredient id="2">lettuce</ingredient>
<ingredient id="3">onions</ingredient>
</ingredients>
</menu_item>
<menu_item id="2">
<item>Thai Noodle Salad</item>
<ingredients>
<ingredient id="1">tomatoes</ingredient>
<ingredient id="2">noodles</ingredient>
</ingredients>
</menu_item>
</specials>
<script type="text/javascript">
var dsSpecials = new Spry.Data.XMLDataSet("data.xml",
"specials/menu_item");
var dsIngredients = new
Spry.Data.NestedXMLDataSet(dsSpecials,"ingredients/ingredient");
</script>
<style>
.row_selected {font-weight: bold;}
</style>
<div id="specials" spry:region="dsSpecials
dsIngredients">
<table>
<tr spry:repeat="dsSpecials" spry:select="row_selected"
spry:setrow="dsSpecials">
<td>- {item}</td>
<td><span
spry:repeat="dsIngredients">{dsIngredients::ingredient}
</span></td>
</tr>
</table>
</div>
This works (i.e. class is applied properly on a single click)
if:
1) I remove the spry:setrow="dsSpecials"
OR
2) I remove the nested data: i.e. (remove dsIngredients from
spry:region attribute in the div and the second <td> tag)
Thanks

Multiple spry:selects on Multiple Datasets

Hi,
I have a main xmldataset A from which 2 other datasets B and C are populated via A datasets' A.getDocument() and are thus dependencies of A
dataset A has its own spry:region with a spry:select
B and C share a spry:region also with respective spry:select
thus
<ul spry:region="A"><li spry:repeat... spry:select="class">....</ul><ul spry:region="B C"><li spry:repeat="B" spry:select="class"><ul><li spry:repeat="C" spry:select="class"></li>.....
When I first only had A's region the spry:select worked fine
but when I added B only B's spry:select worked and then when I added C only C worked
How do I get all region spry:select to STAY selected on each's own currentRow()?
P.S. what is spry:selected and can someone elaborate on the documentations definition of Spry:Selectgroup?

Please have a look at the following
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Untitled Document</title>
<style>
        .MasterDetail {
            font: 100% Verdana, Geneva, sans-serif;
            margin: 2px;
        .MasterDetail .MasterContainer {
            background-color: #EAEAEA;
            border: 1px solid gray;
            width: 35%;
            float: left;
            height: 400px;
            overflow: auto;
        .MasterDetail .MasterColumn {
            font-size: 75%;
            background-color: #CCCCCC;
            padding:5px;
            cursor:pointer;
        .MasterDetail .MasterColumnHover {
            background-color: #EAEAEA;
        .MasterDetail .MasterColumnSelected {
            background-color:#848484;
            color: white;
        .MasterDetail .DetailContainer {
            border: 1px solid gray;
            padding:10px;
            width: 60%;
            float: right;
            overflow: auto;
        .MasterDetail .DetailColumn {
            margin-bottom: 1px;
</style>
</head>
<body>
<div class="MasterDetail">
    <div spry:region="dsItem" class="MasterContainer">
      <div class="MasterColumn" spry:repeat="dsItem" spry:setrow="dsItem" spry:hover="MasterColumnHover" spry:select="MasterColumnSelected">{day}</div>
    </div>
    <div spry:detailregion="dsItem" class="DetailContainer">
      <div class="DetailColumn">{title}</div>
      <div class="DetailColumn">{description}</div>
      <div class="DetailColumn">{link}</div>
      <div class="DetailColumn">{category}</div>
      <div class="DetailColumn">{category/@domain}</div>
      <div class="DetailColumn">{comments}</div>
      <div class="DetailColumn">{pubDate}</div>
      <div class="DetailColumn">{timestamp}</div>
      <div class="DetailColumn">{guid}</div>
      <div class="DetailColumn">{fbid}</div>
      <div class="DetailColumn">{fbid/@colour}</div>
    </div>
    <br style="clear:both" />
</div>
<script src="SpryAssets/xpath.js"></script>
<script src="SpryAssets/SpryData.js"></script>
<script>
    var dsItem = new Spry.Data.XMLDataSet("package/xml.php", "rss/channel/item");
</script>
</body>
</html>
The master container contains the date. It does not matter how you want to format the date as long as it has a spry:setrow. This will determine the row to show in the spry:detailregion.
Gramps

Spry:selected with hpanel.loadContent

Hi
I'm new to spry and very excited about it but still have some
issues.
I have a repeat region menu whose items link to different
display panels.
The featured projects item leads to one kind of display.
The staff, history, contact items lead to another kind of
display.
I want the selected item in the menu (the displayed one) to
appear with the selected class in the menu (in red).
I cannot use the "spry:when="
{ds_CurrentRowNumber} == {ds_RowNumber}" ...
spry:selected="selected">" because i have to change panel
according to the menu id :
<div spry:state="ready" spry:repeat="dsMenuAbout"
spry:choose="spry:choose" spry:hover="MenuHoverClass"
spry:select="MenuSelectClass" spry:selected="MenuSelectedClass">
<div spry:when="'
{dsMenuAbout::@id_nomdepage}' == '4'"
spry:setrow="dsMenuAbout"
spry:selected="MenuSelectedClass">
<a href="includeFeaturedMoophp.php"
onclick="hpanel.loadContent(this.href); return false;"
spry:selected="MenuSelectedClass">
{@nomang_nomdepage}</a></div>
<div spry:when="'{dsMenuAbout::@id_nomdepage}' == '6'"
spry:setrow="dsMenuAbout">
<a href="includeStaff11.php"
onclick="hpanel.loadContent(this.href); return false;"
spry:selected="MenuSelectedClass">
{@nomang_nomdepage}</a></div>
<div spry:when="'{dsMenuAbout::@id_nomdepage}' == '7'"
spry:setrow="dsMenuAbout">
<a href="includeGallery.php"
onclick="hpanel.loadContent(this.href); return false;"
spry:selected="MenuSelectedClass">
{@nomang_nomdepage}</a></div>
Etc.
See it
here
The hover and select classes will display in the menu but the
selected class won't with the onclick (or default) action wherever
I put it.
Despite all my tries, i cannot find a way.
Can somenone explain to me the role of the setrow, which in
this case is "setting the row" for the onclick thing but not for
the selected class thing.
And tell me where to put the
spry:selected="MenuSelectedClass" for it to work
Second issue : I have the same kind of question with the
state:ready — where to put it?
Thanks

Hi andream1977,
I don't really understand what you are trying to accomplish.
Even if the above code worked, you would end up with an
optgroup having a single option. An optgroup should generally have
more.
Please study
this
article first.
Please note that:
- spry:test can only be used in conjunction with
spry:repeat(children), for other anywhere insede a region you have
spry:if
- spry:repeatchildren put on an element makes EVERY children
of the element repeat (so in your case that is why optgroup repeats
itself)
- you don't have to use the spry:test again in the eng tag
Hope that helps,

Spry:selected highlights last row and not default

I've seen people post this error, but I'm not finding any simple fixes for this. I'm in Dreamweaver CS4 and I have inserted a spry dataset: Here is my code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xmlns:spry="http://ns.adobe.com/spry">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<script src="../SpryAssets/SpryData.js" type="text/javascript"></script>
<script src="../SpryAssets/SpryHTMLDataSet.js" type="text/javascript"></script>
<link href="../SpryAssets/SpryMasterDetail.css" rel="stylesheet" type="text/css" />
<script type="text/javascript">

</script>
</head>
<body>
<div class="MasterDetail">
<div spry:region="thur" class="MasterContainer">
    <div class="MasterColumn" spry:repeat="thur" spry:setrow="thur" spry:hover="MasterColumnHover" spry:select="MasterColumnSelected" spry:selected="MasterColumnSelected" spry:selectgroup="l" spry:selectedgroup="1">{Activity}</div>
</div>
<div spry:detailregion="thur" class="DetailContainer">
    <div class="DetailColumn">{Time}</div>
    <div class="DetailColumn">{Activity}</div>
    <div class="DetailColumn">{Leaders}</div>
    <div class="DetailColumn">{Location}</div>
    <div class="DetailColumn">{Fee}</div>
    <div class="DetailColumn">{Description}</div>
    <div class="DetailColumn">{Flag}</div>
</div>
<br style="clear:both" />
</div>
<div class="MasterDetail">
<div spry:region="fri" class="MasterContainer">
    <div class="MasterColumn" spry:repeat="fri" spry:setrow="fri" spry:hover="MasterColumnHover" spry:select="MasterColumnSelected" spry:selected="MasterColumnSelected" spry:selectgroup="2" spry:selectedgroup="2">{Activity}</div>
</div>
<div spry:detailregion="fri" class="DetailContainer">
    <div class="DetailColumn">{Time}</div>
    <div class="DetailColumn">{Activity}</div>
    <div class="DetailColumn">{Leaders}</div>
    <div class="DetailColumn">{Location}</div>
    <div class="DetailColumn">{Fee}</div>
    <div class="DetailColumn">{Description}</div>
    <div class="DetailColumn">{Flag}</div>
</div>
<br style="clear:both" />
</div>
<div class="MasterDetail">
<div spry:region="sat" class="MasterContainer">
    <div class="MasterColumn" spry:repeat="sat" spry:setrow="sat" spry:hover="MasterColumnHover" spry:select="MasterColumnSelected" spry:selected="MasterColumnSelected" spry:selectgroup="3" spry:selectedgroup="3">{Activity}</div>
</div>
<div spry:detailregion="sat" class="DetailContainer">
    <div class="DetailColumn">{Time}</div>
    <div class="DetailColumn">{Activity}</div>
    <div class="DetailColumn">{Leaders}</div>
    <div class="DetailColumn">{Location}</div>
    <div class="DetailColumn">{Fee}</div>
    <div class="DetailColumn">{Description}</div>
    <div class="DetailColumn">{Flag}</div>
</div>
<br style="clear:both" />
</div>
</body>
</html>
When I added the spry:selected function it highlighted the last row in the master column, versus the first row, for which it's displaying details in the details region. Am I missing a small bit of simple code?

Alright, I got it working...
This is for multi spry datasets (3 on one page: thur, fri and sat), highlighting the default (first) selected row/record on the left master list (which is the Dreamweaver CS4 default for master/detail, but it doesn't automatically highlight it as "selected") of EACH dataset (using spry:selectgroup and spry:selectedgroup).
The only variables that you would change are the following:
- all the thur, fri, and sat (as in spry:region="thur")
- all the group numbers (as in spry:selectgroup="1")
- all the items in {} (as in {Activity})
- of course all the file names (as in "thursday.html")
All the class names (as in "MasterColumnHover") are all the Dreamweaver CS4 defaults.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xmlns:spry="http://ns.adobe.com/spry">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<script src="../SpryAssets/SpryData.js" type="text/javascript"></script>
<script src="../SpryAssets/SpryHTMLDataSet.js" type="text/javascript"></script>
<link href="../SpryAssets/SpryMasterDetail.css" rel="stylesheet" type="text/css" />
<script type="text/javascript">

</script>
</head>
<body>
<div class="MasterDetail">
<div spry:region="thur" class="MasterContainer">
        <div spry:repeat="thur" spry:choose="choose">
          <div spry:when="{ds_RowID} == {ds_CurrentRowID}" class="MasterColumn" spry:setrow="thur" spry:hover="MasterColumnHover" spry:selected="selected" spry:selectedgroup="1" spry:select="MasterColumnSelected" spry:selectgroup="1">{Activity}</div>
            <div spry:default="default" class="MasterColumn" spry:setrow="thur" spry:hover="MasterColumnHover" spry:select="MasterColumnSelected" spry:selectgroup="1">{Activity}</div>
</div></div>
   <div spry:detailregion="thur" class="DetailContainer">
    <div class="DetailColumn">{Time}</div>
    <div class="DetailColumn">{Activity}</div>
    <div class="DetailColumn">{Leaders}</div>
    <div class="DetailColumn">{Location}</div>
    <div class="DetailColumn">{Fee}</div>
    <div class="DetailColumn">{Description}</div>
    <div class="DetailColumn">{Flag}</div>
</div>
<br style="clear:both" />
</div>
<div class="MasterDetail">
<div spry:region="fri" class="MasterContainer">
        <div spry:repeat="fri" spry:choose="choose">
          <div spry:when="{ds_RowID} == {ds_CurrentRowID}" class="MasterColumn" spry:setrow="fri" spry:hover="MasterColumnHover" spry:selected="selected" spry:selectedgroup="2" spry:select="MasterColumnSelected" spry:selectgroup="2">{Activity}</div>
            <div spry:default="default" class="MasterColumn" spry:setrow="fri" spry:hover="MasterColumnHover" spry:select="MasterColumnSelected" spry:selectgroup="2">{Activity}</div>
</div></div>
<div spry:detailregion="fri" class="DetailContainer">
    <div class="DetailColumn">{Time}</div>
    <div class="DetailColumn">{Activity}</div>
    <div class="DetailColumn">{Leaders}</div>
    <div class="DetailColumn">{Location}</div>
    <div class="DetailColumn">{Fee}</div>
    <div class="DetailColumn">{Description}</div>
    <div class="DetailColumn">{Flag}</div>
</div>
<br style="clear:both" />
</div>
<div class="MasterDetail">
<div spry:region="sat" class="MasterContainer">
        <div spry:repeat="sat" spry:choose="choose">
          <div spry:when="{ds_RowID} == {ds_CurrentRowID}" class="MasterColumn" spry:setrow="sat" spry:hover="MasterColumnHover" spry:selected="selected" spry:selectedgroup="3" spry:select="MasterColumnSelected" spry:selectgroup="3">{Activity}</div>
            <div spry:default="default" class="MasterColumn" spry:setrow="sat" spry:hover="MasterColumnHover" spry:select="MasterColumnSelected" spry:selectgroup="3">{Activity}</div>
</div></div>
<div spry:detailregion="sat" class="DetailContainer">
    <div class="DetailColumn">{Time}</div>
    <div class="DetailColumn">{Activity}</div>
    <div class="DetailColumn">{Leaders}</div>
    <div class="DetailColumn">{Location}</div>
    <div class="DetailColumn">{Fee}</div>
    <div class="DetailColumn">{Description}</div>
    <div class="DetailColumn">{Flag}</div>
</div>
<br style="clear:both" />
</div>
</body>
</html>

Spry:select on it's own?

How can spry:select be used outside of a data region?
Have a server side dataset that is written to a table. By
creating a dummy spry dataset I can use the spry:select and
spry:selectgroup behaviors.
Is this possible without creating the dummy spry dataset? If
so how?

How can spry:select be used outside of a data region?
Have a server side dataset that is written to a table. By
creating a dummy spry dataset I can use the spry:select and
spry:selectgroup behaviors.
Is this possible without creating the dummy spry dataset? If
so how?

What is the deal with spry:selected

spry:selected has no documentation with it and seems to be a totally forgotten tag.
Can somebody explain it's use?

I use it quite a bit for zooming in and out (by dragging up and down) but you have to be careful you don't move left or right when doing this as it then becomes a bit unpredictable as you say...
If you just want to use the playhead for dragging left and right (and if you can't find a pref to turn it off) you'll just have to be careful to drag only in the horizontal axis and not up or down..
Cheers
Robo

Cannot see Blue Spry Selection Tab

I've added a menu to my site but I cannot edit it because I
cannot see Blue Spry Selection Tab. I made sure "how invisible
elements" setting is turned on and that Hide All is off. What else
could cause the tab to not be visible?

I've added a menu to my site but I cannot edit it because I
cannot see Blue Spry Selection Tab. I made sure "how invisible
elements" setting is turned on and that Hide All is off. What else
could cause the tab to not be visible?

Spry:selected? First choice in table selected

Similar Messages

Maybe you are looking for