The eztable from co3moz

Modular support to Pager

Pager

Define a new property in builder object that named module. Module property is a container that holds extra scripts.
In module create page property too. This property loads pager script.

important: Module should cooperate with search and sort modules too.

When some thing searching, user can use pager too

When user sort things, pager should change too.

code reference

rowPerPage

(Integer) How much row will be print for each page.

onPageChange

(function) This event called when user click page.

example

var table = new ezTable({
  headers: {
    test: {
      title: 'pager test'
    }
  },

  module: {
    pager: {
      rowPerPage: 3,
      onPageChange: function(old, new) {}
    }
  }
});

table.bind("pagerTest");
table.load([
  {test: 1},
  {test: 2},
  {test: 3},
  {test: 4},
  {test: 5},
  {test: 6},
  {test: 7},
  {test: 8},
  {test: 9},
  {test: 10},
  {test: 11}
]);

generated view

Modular support to Search

Search

Define a new property in builder object that named module. Module property is a container that holds extra scripts.
In module create search property too. This property loads search script.

important: Module should cooperate with pager and sort modules too.

When click pager, user can use searching too

When user sort things, search should change too.

code reference

type

(String) Tells how search mechanism will work

number: Only numbers supported.

mail: When user entered valid mail then search will be started.

select: Possible choises will appears automaticly in combobox

solidSelect: Same as select, difference is developer must define selections

checkbox: Select for tick

string: default

typeDefinition

(Any) Stores information about types.
.

typeDefinition (type: solidSelect)

(Object) Stores Searching values. Key is Text that user see, Value is stores really search behind.
  ...
  deleted: {
     type: 'solidSelect',
     typeDefinition: {
       Yes: true,
       No:  false
     }
  }

example

var table = new ezTable({
  headers: {
    test: {
      title: 'search test'
    },

    cantSearchable: {
      title: 'no search :('
    }
  },

  module: {
    search: {
      test: {
        type: 'number',
        style: {
          width: "100%"
        },
        onKeyUp: function (target, e) {

        }
      }
    }
  }
});

table.bind("searchTest");
table.load([
  {test: 1},
  {test: 2},
  {test: 3},
  {test: 4},
  {test: 5},
  {test: 6},
  {test: 7},
  {test: 8},
  {test: 9},
  {test: 10},
  {test: 11}
]);

generated view

co3moz / eztable Goto Github PK

eztable's People

Stargazers

Watchers

eztable's Issues

Modular support to Pager

Pager

code reference

rowPerPage

onPageChange

example

Modular support to Search

Search

code reference

type

typeDefinition

typeDefinition (type: solidSelect)

example

Recommend Projects

React

Vue.js

Typescript

TensorFlow

Django

Laravel

D3

Recommend Topics

javascript

web

server

Machine learning

Visualization

Game

Recommend Org

Facebook

Microsoft

Google

Alibaba

D3

Tencent