Új hozzászólás Aktív témák

• fordfairlane veterán

  #6682

  #6679 Jim-Y

  2017-09-29 11:04:31

  Új Válasz

  Új hozzászólás

  Összes hozzászólása itt Válaszok az összes hozzászólására itt Válaszok erre a hozzászólásra

  

  fordfairlane

  veterán

  #6679 Jim-Y

  #6679 Jim-Y

  En ezt valahogy igy oldanam meg. Kicsit objektumorientaltabb.

  class DataSourceIndexedDB extends EventEmitter {

get MESSAGES() {
return {
CONNECTION_ERROR: 'error',
DATABASE_OPENED: 'db-opened'
}
}

constructor(databaseName) {
this._dbName = databaseName;
this._database = null;
}

openDatabase() {
const request = indexedDB.open(this._dbName, 1);
request.onerror = this.onConnectionError.bind(this);
request.onsuccess = this.onConnectionSuccess.bind(this);
}

onConnectionError(event) {
this.emit(this.MESSAGES.CONNECTION_ERROR, {
code: event.target.errorCode
});
}

onConnectionSuccess(event) {
this._database = event.target.result;
this.emit(this.MESSAGES.DATABASE_OPENED);
}

getObjectStore(storeName, mode) {
const tx = this._database.transaction(storeName, mode);
return tx.objectStore(storeName);
}
}

const database = 'xyz';
const table = 'xyz';
const indexedDB = new DataSourceIndexedDB(database);

// might be automated in constructor
indexedDB.openDatabase();

indexedDB.on(indexedDB.MESSAGES.DATABASE_OPENED, () => {
const store = indexedDB.getObjectStore(table, 'readwrite');
const request = store.getAll();

request.onsuccess = (event) => {
const data = event.target.result;
// do smtg with data
};

request.onerror = (event) => {
// error handling
}
});

  Le a classokkal! Osztályharcot hirdetek az osztályok ellen!

• Karma félisten

  #6680

  #6679 Jim-Y

  2017-09-29 10:51:29

  Új Válasz

  Új hozzászólás

  Összes hozzászólása itt Válaszok az összes hozzászólására itt Válaszok erre a hozzászólásra

  

  Karma

  félisten

  #6679 Jim-Y

  #6679 Jim-Y

  En ezt valahogy igy oldanam meg. Kicsit objektumorientaltabb.

  class DataSourceIndexedDB extends EventEmitter {

get MESSAGES() {
return {
CONNECTION_ERROR: 'error',
DATABASE_OPENED: 'db-opened'
}
}

constructor(databaseName) {
this._dbName = databaseName;
this._database = null;
}

openDatabase() {
const request = indexedDB.open(this._dbName, 1);
request.onerror = this.onConnectionError.bind(this);
request.onsuccess = this.onConnectionSuccess.bind(this);
}

onConnectionError(event) {
this.emit(this.MESSAGES.CONNECTION_ERROR, {
code: event.target.errorCode
});
}

onConnectionSuccess(event) {
this._database = event.target.result;
this.emit(this.MESSAGES.DATABASE_OPENED);
}

getObjectStore(storeName, mode) {
const tx = this._database.transaction(storeName, mode);
return tx.objectStore(storeName);
}
}

const database = 'xyz';
const table = 'xyz';
const indexedDB = new DataSourceIndexedDB(database);

// might be automated in constructor
indexedDB.openDatabase();

indexedDB.on(indexedDB.MESSAGES.DATABASE_OPENED, () => {
const store = indexedDB.getObjectStore(table, 'readwrite');
const request = store.getAll();

request.onsuccess = (event) => {
const data = event.target.result;
// do smtg with data
};

request.onerror = (event) => {
// error handling
}
});

  Szerintem ez nem ugyanaz a nyelv, mint amit tboy93 használ (valami ős JS egy legacy, jQuery-alapú projektben).

Új hozzászólás Aktív témák