The Book place

In each of the three tags, you??™ll see a Spry sort()
function, like this:
onclick=???ds1.sort(???name??™,??™toggle??™)???
The sort() faction takes two arguments: the name of the data column and the type. The type value can
either be ascending, descending, or toggle. A toggle value indicates that the data will be re-sorted
when the column is clicked; the column toggles between ascending and descending order if clicked multiple
times.
All the other functionality in this Spry table is found in the detail row??™s tag:
spry:odd=???oddRow??? spry:even=???evenRow??? spry:hover=???hoverRow???
spry:select=???selectRow???>
In addition to the Spry repeat region and association with the Spry detail region discussed in previous sections
of this chapter, this tag contains all the interactive CSS styles for the table. The spry:odd and spry:even
attributes control the look of the alternating data rows of the table. In a Spry table the first row is 1 (odd) and
the second row is 2 (even), and so forth. A typical approach is to declare different background colors for each
of the respective classes, as shown in Figure 18-13.
FIGURE 18-13
CSS styles are automatically applied to the alternating data rows of Spry table.


Pages:
1074 1075 1076 1077 1078 1079 1080 1081 1082 1083 1084 1085 1086 1087 1088 1089 1090 1091 1092 1093 1094 1095 1096 1097 1098