PhotonUI logo

PhotonUI

A javascript framework to create user interfaces

ListView

Documentation

Class Reference

More examples

Drag and drop

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
var listview = new photonui.ListView({
    dragAndDroppable: true,
    items: [
        { name: "John", count: 2 },
        { name: "Jane", count: 4 },
        { name: "Janeth", count: 12 }
    ],
    columns: [ "name", "count"],
    callbacks: {
        "item-sort": function(event, item) {
            item.value.count++;
        }
    },
});

photonui.domInsert(listview, "demo");