Skip to content
This repository has been archived by the owner on Feb 12, 2022. It is now read-only.

Repeater Events Documentation #1548

Merged
merged 1 commit into from
Sep 29, 2015
Merged

Repeater Events Documentation #1548

Changes from all commits
Commits
Show all changes
1 commit
Select commit
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
69 changes: 69 additions & 0 deletions _includes/js/repeater.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -559,6 +559,75 @@ <h3 id="repeater-dataSource">Data Source</h3>
</table>
</div><!-- ./fu-table-responsive -->

<h3 id="repeater-usage-events">Events</h3>
<div class="table-responsive">
<table class="table table-bordered table-striped">
<thead>
<tr>
<th style="width: 150px;">Event Type</th>
<th>Description</th>
</tr>
</thead>
<tbody>
<tr>
<td>disabled.fu.repeater</td>
<td>Fires whenever the repeater is disabled.</td>
</tr>
<tr>
<td>enabled.fu.repeater</td>
<td>Fires whenever the repeater is enabled.</td>
</tr>
<tr>
<td>filtered.fu.repeater</td>
<td>Fires whenever the repeater is filtered via the dropdown. Passes a filter <code>value</code> argument.</td>
</tr>
<tr>
<td>nextClicked.fu.repeater</td>
<td>Fires whenever the repeater next page button is clicked.</td>
</tr>
<tr>
<td>pageChanged.fu.repeater</td>
<td>Fires whenever the repeater page is changed via primary or secondary paging. NOTE: if the paged via
primary paging, an <code>array</code> is passed back as a parameter, containing the <code>value</code> and
<code>data</code>, respectively. If secondary paging causes the change, only a <code>value</code> is passed as
an argument.
</td>
</tr>
<tr>
<td>pageSizeChanged.fu.repeater</td>
<td>Fires whenever the repeater page size is changed. Passes a <code>value</code> argument.</td>
</tr>
<tr>
<td>previousClicked.fu.repeater</td>
<td>Fires whenever the repeater previous page button is clicked.</td>
</tr>
<tr>
<td>rendered.fu.repeater</td>
<td>Fires whenever the repeater has rendered data returned from the dataSource. Passses an <code>object</code> containing
<code>data</code>, <code>options</code>, and <code>renderOptions</code>.</td>
</tr>
<tr>
<td>resized.fu.repeater</td>
<td>Fires whenever the repeater is resized.</td>
</tr>
<tr>
<td>searchChanged.fu.repeater</td>
<td>Fires whenever the repeater search control is used.</td>
</tr>
<tr>
<td>viewChanged.fu.repeater</td>
<td>Fires whenever the repeater view is switched. Passes the <code>currentView</code> as an argument.</td>
</tr>
</tbody>
</table>
</div><!-- ./fu-table-responsive -->
<p>All repeater events are fired on the <code>.repeater</code> classed element.</p>
{% highlight js %}
$('#myRepeater').on('resized.fu.repeater', function () {
// do something…
});
{% endhighlight %}

<h3 id="repeater-dependencies">Fuel UX Dependencies</h3>
<ul>
<li><a href="#combobox">Combobox</a></li>
Expand Down