Plugins
Home

The plugins site is currently in development.

We've been looking to provide a higher-quality, spam-free experience at the plugins site for some time, and a major error on our part forced us to shut down the current site before we could put the new one in place. We are developing a new site, and you can follow along with its development on GitHub. For more information about this transition, including steps you can take as a plugin author to prepare, please read our post about what's going on.

sortable


Multisortable and Multiselectable

Submitted by epatlakson on October 8, 2010 - 4:19pm

The multisortable jQuery UI plugin "wraps" the sortable functionality of jQuery UI to provide the ablity to move more than one item at a time.
In addition to all the options that can be passed into the sortable functionality of jQuery UI,
multisortable (as well as multiselectable) also takes the following additional properties:

  • selectedClass which is the class that will be assigned to the selected items.
    If no selectedClass property is specified, 'selected' will be used.
  • click which is a function that will fire when the user clicks on an item, it accepts two arguments, the event, and the item being click on.

jGreed

Submitted by deroude on September 28, 2010 - 7:21am

A lightweight plugin for creating data grids with client side data.

Features:

  • Client side data
  • Sortable columns
  • Resizable columns
  • AutoFilter on columns
  • Supports jQuery UI Themes
  • Editable rows
  • Automatic totals

Nested Sortable

Submitted by mjsarfatti on September 13, 2010 - 10:59am

This plugin is an extension of Sortable, made to work with nested lists.

Main features:

  • Designed to work seamlessly with the nested set model (try the toArray method out!)
  • Items can be sorted in their own list, moved across the tree, or nested under other items.
  • All jQuery Sortable options, events and methods are available to nestedSortable.
  • It is possible to define elements that will not accept a new nested list by giving them a specific class.

Please see the home page for the live demo with full description and documentation.

Swappable

Submitted by vadimk on July 2, 2010 - 12:55am

The jQuery UI Swapable plugin makes selected elements swapable by dragging with the mouse.

Introduction

Enable a group of DOM elements to be swapable. Click on and drag an element to a new spot within the list; drag element and drop one will swap and the other items will not affected. By default, swapable items share sortable properties.

Details

Similar to "Sortable", but only two elements of the selected group are affected: dragged and dropped which are swapped. All other elements stay at their current positions. This plugin is built based on existing "Sortable" jQuery plugin and inherits all sortable options except "cursorAt" one which is hard-coded.

Based on jquery.ui.sortable.js

Watajax - Searchable, Dynamic Ajax tables.

Submitted by png on January 7, 2010 - 3:21pm

Easy to use and fast ajax tables - see the google-code page for details. Developed by West Art Communication AB.

Sortable Tables - jQuery Accessible RIA

Submitted by fnagel on October 11, 2009 - 1:30pm

jQuery Accessible RIA, a collection of strictly WAI WCAG 2.0 and WAI ARIA conform web applications based on the popular Java-Script framework jQuery (using the UI Widget Factory).
This one extends a standard HTML table. You could add a sorting functionality, add a pager functionality, hide cols and rows — pretty cool when a user has to handle huge tables

Functionality features

* sort data by number, date, text alphabetically
* high performance: handle even large tables
* hide columns and rows
* pager functionality
* Standard jQuery widget methods: disable, enable, destroy

File size of the minified version is less than 9 KB.

Accessibility features

* keyboard support (arrow keys or native tabular index, Home, End, Space)
* ARIA Live-Regions
* ARIA and HTML table relations

jQuery UI Multiselect

Submitted by mql on April 20, 2009 - 5:29pm

Multiselect allows to add a custom style to html multiple select boxes. It's based on jQuery 1.3 and jQuery UI 1.7. The widget is styleable using Themeroller. It works in an unobtrusive fashion, by just turning html multiple select inputs into a sexier equivalent. There's no extra markup needed.

(mb)Tabset, choose your content and sort your tabs

Submitted by pupunzi on April 1, 2009 - 6:47pm

organize your tabs!

A usefull component that let you build a tabbed interface really easily; ad you can sort your tab as you want!

DEPENDENCIES:

ui.core.js
ui.sortable.js

optional:
jquery.metadata.js

HOW DOES IT WORK:

here is the js call:

$("#tabset1").buildMbTabset({
sortable:true,
position:"left",
start:function(){},
stop:function(){}
});

here is the code for each tabset:

<div class="tabset" id="tabset1">
<a id="a" class="tab {container:'cont_1'}">tab 1</a>
<a id="b" class="tab {container:'cont_2'}"  >tab 2 con testo lungo</a>
<a id="c" class="tab disabled {container:'cont_3'}">tab 3</a>
<a id="d" class="tab {container:'cont_4'}" >tab 4</a>
</div>

here is the code for each tabContent:

container 1

container 2