<p>Click to select one or several item</p> <d-linear-layout id="container"> <d-list selectionMode="multiple"> { "label" : "first item" }, { "label" : "second item" }, { "label" : "third item" }, { "label" : "fourth item" }, { "label" : "fifth item" } </d-list> </d-linear-layout>
require.config({ baseUrl: "http://ibm-js.github.io/libraries/master/" }); require(["deliteful-build/layer"], function () { require([ "deliteful/list/List", "deliteful/LinearLayout", "requirejs-dplugins/css!delite/themes/defaultapp.css", "requirejs-domready/domReady!" ], function (register) { document.body.style.display = ""; }); });
/* CSS to add a selection mark on the default item renderer */ .d-multiselectable .d-selected .d-list-item-icon::before { content: "\2713"; padding-left: 5px; } #container { width: 100%; height: 100%; }