Adobe 65007312 Programming Guide - Page 138

Pagination tags, Variables available for grids, Grid tags

Page 138 highlights

CHAPTER 6: Writing a Web-engine Plug-in Web SDK tagsets 138 This defines a simple grid with only one cell, which displays a photo from the referenced file. It uses a variable, image, which is evaluated at run time as a reference to the currently selected photo. The following local variables are available in the context of the ThumbnailGrid tag: Variables available for grids cellIndex Contains the 1-based index for the current cell in the grid. row Contains the 1-based row number for the current cell. column Contains the 1-based column number for the current cell. image Contains the image proxy. This is a complex data type defined within the LuaPage environment; see "LuaPage data types" on page 134. The following grid tags are defined: Grid tags ThumbnailGrid GridPhotoCell GridEmptyCell GridRowEnd GridRowStart Provides the definition of a thumbnail grid for pages in your gallery. Contains the remaining tags as children. Defines content to be repeated for each cell. Contained in a ThumbnailGrid tag; for example: Optional. Defines an empty cell in the grid. Optional. Defines content to be placed at the end of each row. Optional. Defines content to be placed at the start of each row. Pagination tags This set of tags can be used to add page navigation buttons to your HTML pages. Predefined page-navigation buttons include one for the current page, one for direct access to other pages, and ones for the next and previous page, which can be disabled for the first and last pages. You can associate your own text or destination with each type of button. For example: 1 then %> $page $page

  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 8
  • 9
  • 10
  • 11
  • 12
  • 13
  • 14
  • 15
  • 16
  • 17
  • 18
  • 19
  • 20
  • 21
  • 22
  • 23
  • 24
  • 25
  • 26
  • 27
  • 28
  • 29
  • 30
  • 31
  • 32
  • 33
  • 34
  • 35
  • 36
  • 37
  • 38
  • 39
  • 40
  • 41
  • 42
  • 43
  • 44
  • 45
  • 46
  • 47
  • 48
  • 49
  • 50
  • 51
  • 52
  • 53
  • 54
  • 55
  • 56
  • 57
  • 58
  • 59
  • 60
  • 61
  • 62
  • 63
  • 64
  • 65
  • 66
  • 67
  • 68
  • 69
  • 70
  • 71
  • 72
  • 73
  • 74
  • 75
  • 76
  • 77
  • 78
  • 79
  • 80
  • 81
  • 82
  • 83
  • 84
  • 85
  • 86
  • 87
  • 88
  • 89
  • 90
  • 91
  • 92
  • 93
  • 94
  • 95
  • 96
  • 97
  • 98
  • 99
  • 100
  • 101
  • 102
  • 103
  • 104
  • 105
  • 106
  • 107
  • 108
  • 109
  • 110
  • 111
  • 112
  • 113
  • 114
  • 115
  • 116
  • 117
  • 118
  • 119
  • 120
  • 121
  • 122
  • 123
  • 124
  • 125
  • 126
  • 127
  • 128
  • 129
  • 130
  • 131
  • 132
  • 133
  • 134
  • 135
  • 136
  • 137
  • 138
  • 139
  • 140
  • 141
  • 142
  • 143
  • 144
  • 145
  • 146
  • 147
  • 148
  • 149
  • 150
  • 151
  • 152
  • 153
  • 154
  • 155
  • 156
  • 157
  • 158
  • 159
  • 160
  • 161
  • 162
  • 163
  • 164
  • 165
  • 166
  • 167
  • 168
  • 169
  • 170
  • 171
  • 172
  • 173
  • 174
  • 175
  • 176
  • 177
  • 178
  • 179
  • 180
  • 181
  • 182
  • 183
  • 184
  • 185
  • 186
  • 187
  • 188
  • 189
  • 190
  • 191
  • 192
  • 193
  • 194
  • 195
  • 196
  • 197
  • 198
  • 199
  • 200
  • 201
  • 202
  • 203
  • 204

C
HAPTER
6: Writing a Web-engine Plug-in
Web SDK tagsets
138
This defines a simple grid with only one cell, which displays a photo from the referenced file. It uses a
variable,
image
, which is evaluated at run time as a reference to the currently selected photo.
The following local variables are available in the context of the
ThumbnailGrid
tag:
The following grid tags are defined:
Pagination tags
This set of tags can be used to add page navigation buttons to your HTML pages. Predefined
page-navigation buttons include one for the current page, one for direct access to other pages, and ones
for the next and previous page, which can be disabled for the first and last pages. You can associate your
own text or destination with each type of button. For example:
<% if numGridPages > 1 then %>
<div class="pagination">
<ul>
<lr:Pagination>
<lr:CurrentPage>
<li>$page</li>
</lr:CurrentPage>
<lr:OtherPages>
<li><a href="$link">$page</a></li>
Variables available for grids
cellIndex
Contains the 1-based index for the current cell in the grid.
row
Contains the 1-based row number for the current cell.
column
Contains the 1-based column number for the current cell.
image
Contains the image proxy. This is a complex data type defined within the
LuaPage environment; see
“LuaPage data types” on page 134
.
Grid tags
ThumbnailGrid
Provides the definition of a thumbnail grid for pages in your gallery. Contains
the remaining tags as children.
GridPhotoCell
Defines content to be repeated for each cell. Contained in a
ThumbnailGrid
tag; for example:
<lr:ThumbnailGrid>
<lr:GridPhotoCell>
<img src=
"$mypath/thumb/<%= image.exportFilename %>.jpg"
id="<%= image.imageID %>" class="thumb" />
</lr:GridPhotoCell>
</lr:ThumbnailGrid>
GridEmptyCell
Optional. Defines an empty cell in the grid.
GridRowEnd
Optional. Defines content to be placed at the end of each row.
GridRowStart
Optional. Defines content to be placed at the start of each row.