I am using databindings within DMXtabs and the bootstrap3 framework, and it seems that using tables maintains the formatting (because I am using 4-5 tabs per page). However, I just cannot figure out (while using the combo databindings, Tabs, bootstrap3 and tables) where to add functional "Previous" and "Next" databinding behaviors within the above-mentioned setup (I may use more than 1 "Previous" and "Next" within the DMXzone Tabs setup). It just does not work.

Using the example below, Could you please tell me where to add the "Previous" and "Next" buttons using the DMXzone data bindings?

<div class="dmxTabs" id="dmxTabs1">
<ul>
<li><a href="#dmxTabs1-1">Review Client/Patient Psych Dx</a></li>
<li><a href="#dmxTabs1-2">Update Client/Patient Psych Dx</a></li>
<li><a href="#dmxTabs1-4">Update Psych Dx Records</a></li>
<li><a href="#dmxTabs1-3">ADD Psych Dx Records</a></li>
<li><a href="#dmxTabs1-5">DELETE Psych DX records</a></li>
</ul>
<div class="dmxTabPanel" id="dmxTabs1-1">
<h2>Psych Dx Review</h2>
</div>
<div class="dmxTabPanel" id="dmxTabs1-2">
<h2>Update Client/Patient Psychiatric Diagnosis</h2>
</div>
<div class="dmxTabPanel" id="dmxTabs1-4">
<h2>Update DSM-5 Psych Dx Records</h2>
<table class="table">
<thead>
<tr>
<th> DSM-5 Dx ID</th>
<th> ICD-10 Equivalent</th>
<th> DX Name</th>
<th> Category </th>
</tr>
</thead>
<tbody> (**I NEED THE "PREVIOUS" AND "NEXT" BUTTONS FOR THE DATA BINDING BELOW)
<tr data-binding-repeat="{{DSMdxObject.data}}" data-binding-id="repeat1">
<td>{{DSMid}}</td>
<td> {{ICDtoDSM}} </td>
<td> {{DSMname}} </td>
<td> {{DSMcat}} </td>
</tr>
<tr >
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
</tr>
</tbody>
</table>


</div>
<div class="dmxTabPanel" id="dmxTabs1-3">
<ul class="pager">
<li><a href="#">Previous</a></li>
<li><a href="#">Next</a></li>
</ul>
<h2>ADD Psychiatric Diagnoses Names</h2>
</div>
<div class="dmxTabPanel" id="dmxTabs1-5">
<h2>Delete Psychiatric Diagnoses Records</h2>
<p>Here you can delete psychiatric diagnoses records. Once deleted, you cannot undo it!</p>
</div>
</div>

Hello Julio,
Could you please describe what is the issue to add the prev/next buttons inside the tab containing your table?

I can add the prev/next buttons, what I cannot do is make them work. The data on the table is echoed as expected. By the way, I ran the Web Developer tools in Firefox, and after the code I use, I will post the response from the tools, in case they mean anything:

<tbody>
<tr data-binding-repeat="{{DSMdxObject.data}}" data-binding-id="repeat1">
<td> {{DSMid}} </td>
<td> {{ICDtoDSM}} </td>
<td> {{DSMname}}</td>
<td>{{DSMcat}} </td>
</tr>
<tr >
<td>

<ul class="pager">
<li><a href="#" onClick="dmxDataBindingsAction('selectCurrent','repeat1','prev')">Previous</a></li>
<li><a href="#" onClick="dmxDataBindingsAction('selectCurrent','repeat1','next')">Next</a></li>
</ul></td>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
</tr>
</tbody>


SyntaxError: Using //@ to indicate sourceMappingURL pragmas is deprecated. Use //# instead jquery-latest.pack.js:1
Error: localhost:8081/crsys/ScriptLibrary/jquery-latest.pack.js is being assigned a //# sourceMappingURL, but already has one
Use of attributes' specified attribute is deprecated. It always returns true. dmxDataBindings.js:7
Use of getPreventDefault() is deprecated. Use defaultPrevented instead. jquery-latest.pack.js:5

Please provide a link to your page where we can check the issue.

Here is the link: behaviormanagementsystem.com/dxmgmt.php
The prev/next buttons are under "Update Psych Dx Records"

Hello Julio,
You are currently using the "Select Active Record" action applied to the buttons. You should be using the "Set Page" action with "Next Page" and "Previous Page" set as Go TO:

thank you. It worked.