Awesome Open Source
Awesome Open Source

npm version Build Status devDependency Status NPM downloads

中文文档

Introduction

kero is a front-end model framework,As a MVVM architecture Model layer, multidimensional data Model, provide the solution for complex enterprise applications business application scenario development problems。

Features

  • Abundant API
  • Multidimensional Data Model
  • Status identifier
  • Paging cache capacity
  • event trigger

Quickstart

Get kero

  • npm
npm install kero
  • cdn
//design.yonyoucloud.com/static/kero/latest/kero.js

Introducing kero

  • ES6
import { Datatable } from "kero"

  • HTML
<!-- kero is dependent on knockout-->
<script src="//design.yonyoucloud.com/static/knockout/knockout-3.2.0.debug.js"></script>
<script src="//design.yonyoucloud.com/static/kero/latest/kero.js"></script>

Use

definition

	var myDataTable = new u.DataTable({
		meta:{
			field1:{required:true},
			field2:{}
		}
	})

add data

dataTable.setSimpleData([
    {"id": "001","name": "tom"},
    {"id": "002","name": "john"}
])

setValue

var row = dataTable.createEmptyRow();
row.setValue('id','003')

update

var row = dataTable.getRow(index);
row.setValue('name','jerry');

delete

dataTable.removeRow(index);

get all data

var json = dataTable.getSimpleData();

add event trigger

dataTable1.on('valueChange',function(event){
	var field = event.field,
		rowId = event.rowId,
		oldValue = event.oldValue,
		newValue = event.newValue;
});

Read the Develop documentation for information on the framework contents, templates and examples, and more.

Contributing

Develop

Developers can participate in the development of kero, but also can be based on kero two development

kero use gulp.js and webpack build the project.

clone:

$ git clone [email protected]:iuap-design/kero.git

install:

$ npm install

build:

$ npm run product

Feedback

If you encounter any problems , submit issues,or pull request。

PR code

Licence 版权

MIT


Get A Weekly Email With Trending Projects For These Topics
No Spam. Unsubscribe easily at any time.
javascript (70,346
javascript-library (212