table
Extends:
src/utils/view.js~View.default → table
UI Table
Example:
let table = new mdw.Table({
element: document.body,
template: {
name: {
module: mdw.Button
},
age: {
module: mdw.Textfield
},
city: {
module: mdw.Checkbox
},
country: {}
},
data: [{
name: 'Bob Marley',
age: '56',
city: 'Lisbon',
country: 'Portugal',
}]
})
table.template = {
name: {
module: mdw.Textfield,
opts: {
placeholder: 'Name'
}
},
email: {
module: mdw.Textfield,
opts: {
disable: true,
placeholder: 'Email Address',
text: {
validation: 'Please enter a valid email address'
},
onChange: function(email) {
const IS_VALID_EMAIL = /^(([^<>()[\]\\.,;:\s@\"]+(\.[^<>()[\]\\.,;:\s@\"]+)*)|(\".+\"))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\])|(([a-zA-Z\-0-9]+\.)+[a-zA-Z]{2,}))$/.test(email)
if (IS_VALID_EMAIL) {
this.validationText = undefined
} else {
this.validationText = 'Please enter a valid email address'
}
}
}
}
}
table.data = [{
name: 'Bob',
email: '[email protected]'
}, {
name: 'Albert'
}, {
name: 'Berthe',
email: '[email protected]'
}]
Constructor Summary
Public Constructor | ||
public |
constructor(options: *) constructor |
Member Summary
Public Members | ||
public |
module: {} |
Method Summary
Public Methods | ||
public |
render(): void render DOM elements |