Home Reference Source Repository
public class | source

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

Public Constructors

public constructor(options: *) source

constructor

Params:

NameTypeAttributeDescription
options *

Public Members

public module: {} source

Public Methods

public render(): void source

render DOM elements

Return:

void