Chrome Packaged Apps, Indexed DB編(2) 2014-06-06

前回のIndexed DDB編　
http://knaka0209.blogspot.jp/2014/06/chromedb1.html
の続きです。

Project: https://github.com/kuc-arc-f/chrome_db1

検索、表示系の処理
cursor 使って、データ格納します。
cursor.continue() で、次の行へ移動みたいです。

	DbHelper.prototype.get_allItems = function(view)
	{
	var rqOpen = indexedDB.open(DB_NAME);
	rqOpen.onsuccess = function(e) {
	var db= e.target.result;
	var tx = db.transaction(STORE_NAME, 'readonly' );
	var store = tx.objectStore(STORE_NAME);
	var rq = store.openCursor();
	rq.onsuccess = function(e) {
	cursor = rq.result;
	if(cursor) {
	var item= new Item();
	var data = cursor.value;
	item.id =data.id;
	item.name = data.name;
	item.nameKana=data.nameKana;
	view.disp_line(item);
	cursor.continue();
	}
	db.close();
	};
	}
	};

view raw c0606-db1-top4.js hosted with ❤ by GitHub

[表示系]
ＤＯＭ追加操作します。<li>タグで追加。

	View.prototype.disp_init = function() {
	$('ul#id-ul-out').remove();
	var divOut= $('div#id-div-out');
	var ulObj= $('<ul id="id-ul-out"></ul>');
	divOut.append( ulObj );
	};
	View.prototype.disp_line = function( item ) {
	// console.log( items );
	var ulObj= $('ul#id-ul-out');
	var sLine='<li>' + item.id + ': '+ item.name + ': '+item.nameKana+ '</li>';
	ulObj.append( $(sLine) );
	console.log( sLine );
	};

view raw c0606-db1-top5.js hosted with ❤ by GitHub

[スクリーン]

*) データ量も少ないので、動作は軽いですが、
5MB限界みたいですので、拡張できるか調べたいと思います。

*) まとめ一覧。こちら、
http://knaka0209.blogspot.jp/2014/06/chrome-pkg.html