HTML5 Data Bindings Support Product Page
Solved
Data Bindings within Tabs
Reported 11 May 2014 00:23:26
2
have this problem
11 May 2014 00:23:26 Julio C posted:
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> </td>
<td> </td>
<td> </td>
<td> </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>
Replies
Replied 12 May 2014 08:58:39
12 May 2014 08:58:39 Teodor Kuduschiev replied:
Hello Julio,
Could you please describe what is the issue to add the prev/next buttons inside the tab containing your table?
Could you please describe what is the issue to add the prev/next buttons inside the tab containing your table?
Replied 14 May 2014 03:40:14
14 May 2014 03:40:14 Julio C replied:
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> </td>
<td> </td>
<td> </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
<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> </td>
<td> </td>
<td> </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
Replied 14 May 2014 07:46:00
14 May 2014 07:46:00 Teodor Kuduschiev replied:
Please provide a link to your page where we can check the issue.
Replied 15 May 2014 03:59:51
15 May 2014 03:59:51 Julio C replied:
Here is the link: behaviormanagementsystem.com/dxmgmt.php
The prev/next buttons are under "Update Psych Dx Records"
The prev/next buttons are under "Update Psych Dx Records"
Replied 15 May 2014 07:47:54
15 May 2014 07:47:54 Teodor Kuduschiev replied:
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:
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:
Replied 17 May 2014 02:09:32
17 May 2014 02:09:32 Julio C replied:
thank you. It worked.