中文文档

Introduction

neoui-kero A adapter for kero and tinper neoui。

Features

• Create component
• Simplify data manipulation

Quickstart

###Get neoui-kero

• npm

    npm install neoui-kero

• cdn

    //design.yonyoucloud.com/static/neoui-kero/latest/neoui-kero.js

Introducing neoui-kero

• ES6

    <!-- neoui-kero -->
    import { u } from "neoui-kero"

• HTML

    <!-- neoui-kero -->
    <script src="//design.yonyoucloud.com/static/neoui-kero/latest/neoui-kero.js"></script>

注： neoui-kero often used in conjunction with neoui, kero

Use

<input id="demo_input" u-meta='{"id":"t1","type":"string","data":"dt1","field":"f1"}' />
<div id="demo_div">&lt;/div></code></pre>
</div>

// JS
var app,viewModel;

viewModel = {
    dt1: new u.DataTable({
        meta:{
            f1:{
                type:'string'
            }
        }
    })
};


app = u.createApp({
    el:'body',
    model:viewModel
});

var r = viewModel.dt1.createEmptyRow();
r.setValue('f1','Hello World');



var demoInput = document.getElementById('demo_input');
var demoDiv = document.getElementById('demo_div');

var getDtValue = function() {
    var dtVal = viewModel.dt1.getValue('f1');
    demoDiv.innerHTML = dtVal;
};
demoInput.addEventListener('blur',getDtValue);
getDtValue();

Read the Develop documentation

Contributing

Develop

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

neoui-kero use gulp.js and webpack build the project.

clone：

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

install：

$ npm install

build：

$ npm run product

Feedback

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

PR code

Licence 版权

MIT