Skip to Content | Skip to Navigation


dojox.widget.SortList

TODO: description

Examples

Example 1: Raw, degradable UL list

type:

inline

height:

300

width:

660

Raw, degradable UL list

<script type="text/javascript">
  dojo.require("dojox.widget.SortList");
</script>

The markup has to look as follows

    <ul dojoType="dojox.widget.SortList" title="SortList From Markup" sortable="false" style="width:200px; height:200px;">
            <li>one</li>
            <li>two</li>
            <li>three</li>
            <li>four</li>
            <li>five</li>
            <li>six</li>
            <li>four</li>
            <li>five</li>
            <li>six</li>
            <li>four</li>
            <li>five</li>
            <li>six</li>
            <li>four</li>
            <li>five</li>
            <li>six</li>
    </ul>
<link rel="stylesheet" type="text/css"
      href="{{ baseUrl }}dojox/widget/SortList/SortList.css">

Example 2: SortList using a Store

type:

inline

height:

300

width:

660

SortList using a Store

<script type="text/javascript">
  dojo.require("dojo.data.ItemFileReadStore");
  dojo.require("dojox.widget.SortList");
</script>

The markup has to look as follows

<div dojoType="dojo.data.ItemFileReadStore"
     url="{{ dataUrl }}dijit/tests/_data/countries.json"
     jsId="stateStore"></div>
<ul dojoType="dojox.widget.SortList" store="stateStore" title="sortable List" style="width:200px; height:200px;"></ul>
<link rel="stylesheet" type="text/css"
      href="{{ baseUrl }}dojox/widget/SortList/SortList.css">

TODO: programmatic examples

TODO: demos

Comments