IndexedDB で objectStore またはインデックスを作成するときは、ストアまたはインデックスのキーとなる値をオブジェクト内のどこで探すかを示す "keyPath" を指定します。次のようなオブジェクトがあります。
{doc:{id:4}}
その ID を取得する keyPath を指定する方法はありますか? ドット(keyPath = "doc.id")にしてみましたが、うまくいきませんでした。可能なすべてのキーをオブジェクトの最上層にコピーする必要がありますか?
IndexedDB で objectStore またはインデックスを作成するときは、ストアまたはインデックスのキーとなる値をオブジェクト内のどこで探すかを示す "keyPath" を指定します。次のようなオブジェクトがあります。
{doc:{id:4}}
その ID を取得する keyPath を指定する方法はありますか? ドット(keyPath = "doc.id")にしてみましたが、うまくいきませんでした。可能なすべてのキーをオブジェクトの最上層にコピーする必要がありますか?
仕様によると、ドット表記は正しいです。ブラウザーは、キー パスを使用して値からキーを抽出するための手順に従うことになっています。これにより、必要な機能が得られるはずです。
Chrome 12 は説明どおりに動作します。私は Firefox 4.0 または 5.0 をこのように動作させることができませんでした。これは実装のバグであると思われます (または実装時の仕様が異なっていた)。
Firefox 4.0 - 5.0 は、ピリオドが含まれていない場合、キー パスを正しく解析します。あなたが言うように、これは、オブジェクトを Firefox で動作させるには、オブジェクトの最上位にキーが必要であることを意味します。
違いを示すいくつかの動作例コード (Chrome 12 および Firefox 4.0 - 5.0 用) を次に示します。
(function () {
var db, idb = window.mozIndexedDB || window.webkitIndexedDB;
idb.open("test").onsuccess = function (ev) {
db = ev.target.result;
db.setVersion("1.0").onsuccess = setUpDatabase;
};
function setUpDatabase(ev) {
var x, store;
for (x = 0; x < db.objectStoreNames.length; x += 1) {
db.deleteObjectStore(db.objectStoreNames[x]);
}
var store = db.createObjectStore("test", {
keyPath: (window.mozIndexedDB) ? 'moz' : 'doc.webKit'
});
store.add({ moz: 1, doc: { webKit: 3, name: 'webkit!' }});
store.add({ moz: 3, doc: { webKit: 1, name: 'mozilla!' }});
// Wait for the setVersion transaction to end...
// This is an example. Typically control would return to the
// event loop after this point.
window.setTimeout(getSomeValue, 1000);
};
function getSomeValue() {
db.transaction("test").objectStore("test").get(3).onsuccess = showValue;
}
function showValue(ev) {
var value = ev.target.result.doc;
alert('name: ' + value.name);
// Don't forget to close your connections!
db.close();
}
}());
あなたが発見したように、Firefox での IndexedDB の初期実装では、これは正しく機能しませんでした。
ただし、現在はかなり修正されているため、問題なく使用できるはずです。