dojox.widget.SortList¶
Contents
Converts an unordered-list into a sortable scrollable pane.
Examples¶
Raw, degradable UL list¶
Raw, degradable UL list
dojo.require("dojox.widget.SortList");
The markup has to look as follows
<ul data-dojo-type="dojox.widget.SortList" title="SortList From Markup" data-dojo-props="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>
A simple set of css rules
<link rel="stylesheet" type="text/css" href="{{ baseUrl }}dojox/widget/SortList/SortList.css">
SortList using a Store¶
SortList using a Store
dojo.require("dojo.data.ItemFileReadStore");
dojo.require("dojox.widget.SortList");
The markup has to look as follows
<div data-dojo-type="dojo.data.ItemFileReadStore"
data-dojo-props="url:{{ dataUrl }}dijit/tests/_data/countries.json'"
data-dojo-id="stateStore"></div>
<ul data-dojo-type="dojox.widget.SortList" data-dojo-props="store:stateStore" title="sortable List" style="width:200px; height:200px;"></ul>
A simple set of css rules
<link rel="stylesheet" type="text/css"
href="{{ baseUrl }}dojox/widget/SortList/SortList.css">
TODO: programmatic examples
TODO: demos