Muy buenas comunidad, el problema que tengo es el siguiente: Quiero poder mostrar los datos que estan almacenados en indexdb, la parte de crear la base de datos y la funcionalidad de añadir un nuevo registro ya la pude hacer.
El problema que estoy teniendo es poder consumir los datos que estan almacenados para poder iterar sobre ellos y mostrarlos en pantalla. Para esto, dichos datos deben venir en un array lo cual no ocurre con los metodos que te da indexDB. adjunto mi código. Si alguien sabe me ayudaría muchismo.
Muchas gracias!
export function createDataBase(changeValueDB) {
const createDB = window.indexedDB.open('correos', 1)
createDB.onsuccess = () => {
changeValueDB(createDB.result)
readData(createDB.result)
}
createDB.onupgradeneeded = (e) => {
const db = e.target.result
const objectStore = db.createObjectStore('correos', {
keyPath: 'id',
autoIncrement: true,
})
objectStore.createIndex('name', 'name', { unique: false })
objectStore.createIndex('email', 'email', { unique: false })
objectStore.createIndex('phone', 'phone', { unique: false })
console.log('Database Creada y Lista: solo 1 vez')
}
}
export function addData(valueDB, objForAdd) {
const transaction = valueDB.transaction(['correos'], 'readwrite')
const objectStore = transaction.objectStore('correos')
objectStore.add(objForAdd)
transaction.oncomplete = () => {
console.log('Cita agregada')
}
}
export function readData(valueDB) {
const objectStore = valueDB
.transaction('correos')
.objectStore('correos')
objectStore.openCursor().onsuccess = (e) => {
const cursor = e.target.result
if (cursor) {
console.log(cursor)
cursor.continue()
} else {
console.log('NO MORE DATA')
}
}
}