Editing JQuery Listings Operations Buttons (section)

==Button element attributes==
* The <code>class</code> attribute of the anchor determines its button style and its AJAX handler. (Buttons implemented with the JQuery UI library.)
** Some common button classes handled by the <code>$.bindListingsButtons()</code> routine of the <code>LITTLED.Listings</code> library:
** <code>details-btn</code> Links to stand-alone page containing detailed information about the individual record.
** <code>preview-btn</code> Links to stand-along page on the public site driven by that individual record.
** <code>print-btn</code> Prints the record, or opens a page specially formatted for printing the individual record.
** <code>update-cache-btn</code> Invokes AJAX that updates the cached content for the individual record.
** <code>edit-btn</code> Opens record edit dialog/page.
** <code>trash-btn</code> Opens delete record dialog/page.

* Configure the AJAX handlers for listings operations with JQuery within the page’s <code>$(document).ready();</code> handler. 
** See [[JQuery_Initialization_on_Listings_Pages|JQuery Initialization on Listings Pages]]
* <code>“data-*”</code> attributes of the anchor tags specify which records to operate on when calling AJAX handlers. Some examples:
** <code>data-id</code> – record id
** <code>data-tid</code> – record content type id
** <code>data-pid</code> – record parent id
** <code>data-op</code> – operation name
* Each anchor tag has a <code>title</code> attribute which serves as a tooltip.
* The innerhtml of the anchor tag is not displayed if the JQuery UI button is successfully loaded.
[[Category:CMS Documentation]]
[[Category:JQuery/AJAX]]