var listView = this.findViewById('listView');
var items = [
  {id:0, name: 'hoge'},
  {id:1, name: 'foo'},
  {id:2, name: 'bar'}
];

// itemsの各要素をループしてプロパティ名の要素に値を設定する
listView.setItems(items);

// 独自に設定する場合はcallbackを指定する
listView.setItems(items, function(item, itemIndex, viewGroup, viewGroupIndex){
  viewGroup.findViewById('id').setText(item.id);
  viewGroup.findViewById('name').setText(item.name.toUpperCase());

  // return false;をするとデフォルトの動作が行われる
});

// 要素を追加する
listView.addItems(items, callback);

// 要素を挿入する
listView.insertItems(items, index, callback);

// itemを置き換える
listView.replaceItems(items, index, callback);

// 要素を削除する
listView.removeItems(indexes)
listView.removeItemsByViewGroup(viewGroups);

// itemを取得する
listView.getItem(index);

function tap(view, ev){
  alert('tapped');
}

var button = this.find('foo');
button.on('tap', tap.bind(this));

extra: {
  contents: [
    {label: "", id: "", layoutFile: ""},
    {label: "", id: "", layoutFile: ""},
    {label: "", id: "", layoutFile: ""}
  ]
}

{
  class: "Navy.ViewGroup.Tab",
  define: [
    {
      label: "contents",
      key: "extra.contents",
      type: "array",
      columns: ["label", "id", "layoutFile"]
    }
  ]
}

{
  "name": "plugin name",
  "version": "plugin version",
  "description": "plugin description",
  "author": "plugin author",
  "url": "plugin url (optional)"
  "type": "view",
  "scripts": ["navy.view.view.json", "navy.view.text.json"]
}

{
  "class": "Navy.View.View",
  "define": [
    {
      "label": "visible",
      "key": "visible",
      "type": "boolean",
      "value": true
    },
    {
      "label": "pos(x)",
      "key": "pos.x"
      "type": "number",
      "value": 0,
    },
    {
      "name": "pos(y)",
      "key": "pos.y"
      "type": "number",
      "value": 0,
    },
    {
      "label": "sizePolicy(x)",
      "key": "sizePolicy.x", 
      "type": "stringList",
      "value": ["fixed", "wrapContent", "matchParent"],
    },
    {
      "label": "sizePolicy(y)",
      "key": "sizePolicy.y",
      "type": "stringList",
      "value": ["fixed", "wrapContent", "matchParent"],
    },
    {
      "label": "size(x)",
      "key": "size.x",
      "type": "number",
      "value": 100
    },
    {
      "label": "size(y)",
      "key": "size.y",
      "type": "number",
      "value": 100
    },
    {
      "label": "link",
      "key": "link.id"
      "type": "linkList"
    },
    {
      "label": "bg color",
      "key": "backgroundColor",
      "type": "string"
    }
  ]
}

{
  "class": "Navy.View.Text",
  "define": [
    {
      "label": "text",
      "key": "extra.text",
      "type": "string",
      "value": "text"
    },
    {
      "label": "fontSize",
      "key": "extra.fontSize",
      "type": "number",
      "value": 20
    },
    {
      "label": "fontColor",
      "key": "extra.fontColor",
      "type": "string",
      "value": "#000000"
    }
  ]
}

{
  "class": "Navy.View.Image",
  "define": [
    {
      "label": "image",
      "key": "extra.src",
      "type": "imageList"
    }
  ]
}

{
  "class": "Navy.ViewGroup.ViewGroup",
  "define": [
    {
      "label": "layout",
      "key": "extra.contentLayoutFile",
      "type": "layoutList"
    }
  ]
}

{
  "$this": {
    "backgroundImage": "..."
  },
  ".hoge .foo": {
    "margin": "1px 10px"
  }
}