framework7
Version:
Full featured mobile HTML framework for building iOS & Android apps
64 lines • 1.48 kB
JavaScript
import $ from '../../shared/dom7.js';
import DataTable from './data-table-class.js';
import ConstructorMethods from '../../shared/constructor-methods.js';
export default {
name: 'dataTable',
static: {
DataTable
},
create() {
const app = this;
app.dataTable = ConstructorMethods({
defaultSelector: '.data-table',
constructor: DataTable,
app,
domProp: 'f7DataTable'
});
},
on: {
tabBeforeRemove(tabEl) {
const app = this;
$(tabEl).find('.data-table-init').each(tableEl => {
app.dataTable.destroy(tableEl);
});
},
tabMounted(tabEl) {
const app = this;
$(tabEl).find('.data-table-init').each(tableEl => {
app.dataTable.create({
el: tableEl
});
});
},
pageBeforeRemove(page) {
const app = this;
page.$el.find('.data-table-init').each(tableEl => {
app.dataTable.destroy(tableEl);
});
},
pageInit(page) {
const app = this;
page.$el.find('.data-table-init').each(tableEl => {
app.dataTable.create({
el: tableEl
});
});
}
},
vnode: {
'data-table-init': {
insert(vnode) {
const app = this;
const tableEl = vnode.elm;
app.dataTable.create({
el: tableEl
});
},
destroy(vnode) {
const app = this;
const tableEl = vnode.elm;
app.dataTable.destroy(tableEl);
}
}
}
};