Best jQuery Sorting Plugins & Tutorials with Demo

    bsmSelect : Better jQuery Select Multiple with Demo

    bsmSelect : Better jQuery Select Multiple with Demo

    A progressive enhancement to select multiple form elements using jQuery that makes it much easier to use. This enhancement automatically hides the original select multiple, and instead presents a regular select showing the available options, and an HTML list showing the already-selected options. While hidden, the original select multiple is updated as the user makes changes.

    No Ctrl/Cmd-Clicking is necessary to select multiple items, and an accidental click is not destructive. You add or remove items one at a time. Only the already-selected items occupy screen real estate, as they should. A remove link is included with each selected item, which eliminates ambiguity. Viewing and choosing a new item to add requires clicking on the select. This action is inherently more familiar, and displays many more available options at once, than a select multiple. More is seen at a glance and less scrolling (if any) is required to see all available options.Optionally, this type of select is sortable, giving it hierarchy. The user can drag and drop the items to the desired order.

    jQuery List DragSort with Demo

    jQuery List DragSort with Demo

    A javascript file that provides the ability to sort lists using drag and drop. Built on the jQuery framework. The CSS selector  of the element inside the list item to act as the drag handle. The default is the list item itself e.g. LI.The css selector of the list items that are moveable. Will only match elements that are immediate children of list container.The css selector of the element you want to scroll (i.e. div with overflow set to auto) when the list item is dragged outside the list.

    Ingrid : jQuery Grid plugin

    Ingrid : jQuery Grid plugin

    Datagrids don’t have to be difficult to use anymore – say hi to Ingrid. Ingrid is an unobtrusive jQuery component that adds datagrid behaviors (column resizing, paging, sorting, row and column styling, and more) to your tables. It’s easy to get started – read on below, or check out the Example Pages

    jQuery plugin : Treeview

    jQuery plugin : Treeview

    jQuery Treeview is a lightweight and flexible transformation of an unordered list into an expandable and collapsable tree, great for unobtrusive navigation enhancements. Supports both location and cookie based persistence.

    Provides some options for customizing, an async-tree extension and an experimental sortable extension.

    List.js – Add search, sort and flexibility to plain HTML lists with jQuery

    List.js - Add search, sort and flexibility to plain HTML lists with jQuery

    Do you want a 9 KB cross-browser native JavaScript that makes your plain HTML lists super flexible, searchable, sortable and filterable? Yeah!
    Do you also want the possibility to add, edit and remove items by dead simple templating? Hell yeah!

    jQuery: Customizable layout using drag and drop

    jQuery: Customizable layout using drag and drop

    An easy to use and useful jQuery plugin helps create create a customizable website layout using drag and drop with features like saving preference using cookies.The plugins uses jQuery along with the jQuery UI Sortable plugin for drag and drop functionality and the jQuery Cookie plugin for storing item positions

    jQuery TinySort a sorting plugin

    jQuery TinySort a sorting plugin

    TinySort will sort any nodetype by it’s text- or attribute value, or by that of one of it’s children.

    jPList : jQuery List Handling plugin

    jQuery List Handling plugin

    jPList is a jQuery plugin for sorting, paging and filtering any content, such as DIVs, lists and tables.

    • Works with any content (tables, lists, div elements)
    • Seo friendly
    • Paging
    • Filtering
    • Ascending or descending sorting
    • Alphabetical or numerical sorting
    • Sorting, paging and filtering state can be saved in cookies.

    JCRUD – Create, Read, Update and Delete Rows with jQuery

    jQuery JCRUD - Create, Read, Update and Delete Rows

    jCRUD is a lightweight jQuery plugin allows you to create, read, update, and delete content of HTML tables with ASP.NET server side code and AJAX.

    • Insert, update and delete rows in HTML table
    • ASP.NET server side + AJAX
    • Pagination
    • Sorting
    • Works in all major browsers (Firefox, Opera, Safari, Chrome, Internet Explorer 6+)

    Tag Clouds – Styling and Adding Sort Options

    jQuery Tag Clouds

    This article consists of 2 parts: one is marking up and styling tags and the second is adding behavior to tag cloud using client-side script. I’ll show you my way of styling tag clouds although you may find similar (yet different 🙂 ) tutorials elsewhere.