Add/Remove Items

You can add/remove items.


$(function () { $('#listview').w2listview({ name: 'listview', viewType: 'icon-large', items: [ { id: 'first', caption: 'First Item' } ] }); }); var ind = 1; function addItem() { if (ind > 12) return; w2ui.listview.add({ id: 'itm'+ind, caption: 'Item '+ ind }); ind++; } function addItems() { if (ind > 10) return; w2ui.listview.add([ { id: 'itm'+ind, caption: 'Item '+ ind }, { id: 'itm'+(ind+1), caption: 'Item '+ (ind+1) }, { id: 'itm'+(ind+2), caption: 'Item '+ (ind+2) } ]); ind += 3; } function insertItem() { if (ind > 12) return; w2ui.listview.insert('first', { id: 'itm'+ ind, caption: 'Item '+ ind }); ind++; } function removeItem() { if (ind == 1) return; ind--; w2ui.listview.remove('itm'+ ind); } function removeItems() { ind = 1; w2ui.listview.remove('itm1', 'itm2', 'itm3', 'itm4', 'itm5', 'itm6', 'itm7', 'itm8', 'itm9', 'itm10', 'itm11', 'itm12'); }