Master data form
Download
masterdataform

Master Data Form

Connect it to your table and get automatically a master data form!


Configure the list columns and the form with JSON to get it functionally and good looking!


Listing record functions:

  • List
  • Sort
  • Filter

Crud functions:

  • Create, New record
  • Read, Load record
  • Update, Save record
  • Delete record

Master Data Form depends on

Tabulator

var table = new Tabulator("#example-table", {
	data:tabledata,
	layout:"fitColumns",
	responsiveLayout:"hide",
	tooltips:true,
	addRowPos:"top",
	history:true,
	pagination:"local",
    ...
)};

The easy to use, fully featured, interactive table JavaScript library

jsonform, github

The JSON Form library is a JavaScript client-side library that takes a structured data model defined using JSON Schema as input and returns a Bootstrap 3-friendly HTML form that matches the schema.

fine-tune the layout by a simple declarative mechanism.

Bootstrap

Bootstrap is the most popular HTML, CSS, and JS framework for developing responsive, mobile first projects on the web.

Bootstrap makes front-end web development faster and easier.

Master data

this is the part I developed by my self; containing:
  • the frontend: masterdata.js a jQuery-Plugin
  • the PHP backend with mysql database

connect directly to your mysql database by the PHP backend.