In this example a display table macro is used and filtered using a transclusion and the remote controlled feature.

Tags
js
Iteration
Focused

Description

Using the Display Table Macro by setting the Identifier to filtered in conjunction with the Transclusion Macros Replacement feature and the Remote Control (Feature) for filtering.

Try It Yourself

Start to try it out:


NameShort DescriptionIteration
Example Page 1
Example page for usage in a display table macro.
Facade
Example Page 2
Example page for usage in a display table macro.
Filled
Example Page 3
Example page for usage in a display table macro.
Finished
Example Page 4
Example page for usage in a display table macro.
Facade
Example Page 5
Example page for usage in a display table macro.
Filled
Example Page 6
Example page for usage in a display table macro.
Finished
Example Page 7
Example page for usage in a display table macro.
Facade
Example Page 8
Example page for usage in a display table macro.
Filled
Example Page 9
Example page for usage in a display table macro.
Finished



NameShort DescriptionIteration
Example Page 1
Example page for usage in a display table macro.
Facade
Example Page 2
Example page for usage in a display table macro.
Filled
Example Page 3
Example page for usage in a display table macro.
Finished
Example Page 4
Example page for usage in a display table macro.
Facade
Example Page 5
Example page for usage in a display table macro.
Filled
Example Page 6
Example page for usage in a display table macro.
Finished
Example Page 7
Example page for usage in a display table macro.
Facade
Example Page 8
Example page for usage in a display table macro.
Filled
Example Page 9
Example page for usage in a display table macro.
Finished

Configure a Filter Yourself

Now you can follow the steps and use a filter for your own:

Setting up the Display Table Macro

Choose a doctype, select and where statement.

Set the Identifier to filtered.

Transclude the Filter Code

Use the transclusion macro to transclude the HTML code for filtering (get the code) .


Provide the options:

datalistselects=<datalist id="selects"><select><option value="Name">Name only</option><option value="Name, Short Description, Iteration">With Iteration</option></select></datalist>
datalistwhere=<datalist id="wheres"><select><option value="$<Iteration>=[Facade]">Facade</option><option value="$<Iteration>=[Filled]">Filled</option><option value="$<Iteration>=[Finished]">Finished</option></select></datalist>




As alternative empty options can be used if the dropdown functionality is not needed:

datalistselects=<datalist id="selects"></datalist>
datalistwhere=<datalist id="wheres"></datalist>