JsViews Observable

gistfile1.js

pages = {
	"page_info" : {
		"id": 100,
		"name": "○○の比較表"
	},
	"keys": [
		{
			"id": 344,
			"key_name": "キャリア",
			"key_desc": "キャリアとは〜",
			"key_link": "http://example.com/"
		},
		{
			"id": 1,
			"key_name": "型番",
			"key_desc": "型番とは〜",
			"key_link": "http://example.com/"
		},
		{
			"id": 2,
			"key_name": "重さ",
			"key_desc": "重さとは〜",
			"key_link": "http://example.com/"
		}
	],
	"items": [
		{
			"item": {
				"id": 1807,
				"item_name": "あいうえお1",
				"item_desc": "com",
				"item_img": "http://example.com/sample.png"
			},
			"values": [
				{
					"id": 18406,
					"key_id": 344,
					"value": "ドコモ"
				},
				{
					"id": 1,
					"key_id": 1,
					"value": "AAA-AAAA"
				},
				{
					"id": 2,
					"key_id": 2,
					"value": "30g"
				}
			]
		},
		{
			"item": {
				"id": 1,
				"item_name": "leko2",
				"item_desc": "com2",
				"item_img": "http://example.com/sample.png"
			},
			"values": [
				{
					"id": 3,
					"key_id": 0,
					"value": "ドコモ"
				},
				{
					"id": 4,
					"key_id": 1,
					"value": "AAA-AAAA"
				},
				{
					"id": 5,
					"key_id": 2,
					"value": "30g"
				}
			]
		},
		{
			"item": {
				"id": 2,
				"item_name": "leko3",
				"item_desc": "com3",
				"item_img": "http://example.com/sample.png"
			},
			"values": [
				{
					"id": 6,
					"key_id": 0,
					"value": "ドコモ"
				},
				{
					"id": 7,
					"key_id": 1,
					"value": "AAA-AAAA"
				},
				{
					"id": 8,
					"key_id": 2,
					"value": "30g"
				}
			]
		}
	]
}

$.observable(pages).insert(pages.length, {
	"item": {
		"id": 1807,
		"item_name": "あいうえお1",
		"item_desc": "com",
		"item_img": "http://example.com/sample.png"
	},
	"values": [
		{
			"id": 18406,
			"key_id": 344,
			"value": "ドコモ"
		},
		{
			"id": 1,
			"key_id": 1,
			"value": "AAA-AAAA"
		},
		{
			"id": 2,
			"key_id": 2,
			"value": "30g"
		}
	]
});