Permalink
Browse files

fix: dataTable选中某行,修改readme

  • Loading branch information...
whizbz11 committed Mar 1, 2017
1 parent 408abf7 commit ba5d7bcd8cbf8ff37bd6208a1a29df3d78eb2db6
Showing with 471 additions and 483 deletions.
  1. +30 −34 README.md
  2. +38 −46 README_CN.md
  3. +400 −400 dist/js/kero.js
  4. +1 −1 dist/js/kero.min.js
  5. +1 −1 lib/rowSelect.js
  6. +1 −1 src/rowSelect.js
View
@@ -14,39 +14,43 @@
## Features
* Abundant API
* Multidimensional Data Model
* Status identifier
* Paging cache capacity
* event trigger
### Abundant API
### Multidimensional Data Model
### Status identifier
### Paging cache capacity
## Quickstart
### event trigger
### Get kero
## Quickstart
### Install
- npm
- From github
```
git clone git@github.com:iuap-design/kero.git
npm install kero
```
* cdn
```
//design.yyuap.com/static/kero/latest/js/kero.js
```
### Introducing kero
- npm
- ES6
```
import { Datatable } from "kero/src/index"
```
npm install kero
* HTML
```
<!-- kero is dependent on knockout-->
<script src="//design.yyuap.com/static/knockout/knockout-3.2.0.debug.js"></script>
<script src="//design.yyuap.com/static/kero/latest/js/kero.js"></script>
```
### simple example
### Use
#### definition
@@ -103,22 +107,11 @@ dataTable1.on('valueChange',function(event){
});
```
Read the [Develop documentation](http://tinper.org/dist/kero/docs/overview.html) for information on the framework contents, templates and examples, and more.
## Document
[Develop documentation](http://tinper.org/dist/kero/docs/overview.html)
[Website](http://tinper.org)
## Contributing
### Feedback
If you encounter any problems , submit [issues](https://github.com/iuap-design/kero/issues),or pull request。
[PR code](CONTRIBUTING.md)
### Develop
Developers can participate in the development of kero, but also can be based on kero two development
@@ -145,9 +138,12 @@ build:
$ npm run product
```
### Website Chat Group
### Feedback
If you encounter any problems , submit [issues](https://github.com/iuap-design/kero/issues),or pull request。
[PR code](CONTRIBUTING.md)
527124070
## Licence 版权
View
@@ -15,39 +15,41 @@
## 功能
### 丰富的API
- **丰富的API: **对外暴露丰富的增删改查API,方便开发者对页面数据的管理
对外暴露丰富的增删改查API,方便开发者对页面数据的管理
- **多维数据模型: **解决了字段关联、主子数据、主子孙等多维数据模型的绑定问题
### 多维数据模型
- **状态标识: ** 数据增加状态标识:新增、修改、删除,方便开发者使用
解决了字段关联、主子数据、主子孙等多维数据模型的绑定问题
- **分页缓存能力: **具有分页缓存能力,可在前台处理分页,实现跨页操作数据(非必要情况下,不推荐前台分页)
### 状态标识
数据增加状态标识:新增、修改、删除,方便开发者使用
### 分页缓存能力
具有分页缓存能力,可在前台处理分页,实现跨页操作数据(非必要情况下,不推荐前台分页)
### 事件触发器
具有事件触发器,增删改查过程中的数据变化通过on方法添加监听,供开发者使用
- **事件触发器:** 具有事件触发器,增删改查过程中的数据变化通过on方法添加监听,供开发者使用
## 快速上手
### 获取kero
- 直接从github获取我们的源码
- npm资源
```
npm install kero
```
git clone git@github.com:iuap-design/kero.git
- cdn 资源
```
//design.yyuap.com/static/kero/latest/js/kero.js
```
- 使用npm安装
### 引入kero
- ES6语法
```
import { Datatable } from "kero/src/index"
```
npm install kero
- HTML直接引入
```
<!-- kero依赖 knockout需要提前引入-->
<script src="//design.yyuap.com/static/knockout/knockout-3.2.0.debug.js"></script>
<script src="//design.yyuap.com/static/kero/latest/js/kero.js"></script>
```
### 简单示例
@@ -56,10 +58,10 @@ npm install kero
模型定义方法:
var myDataTable = new u.DataTable({
var myDataTable = new DataTable({
meta:{
field1:{required:true},
field2:{}
id:{required:true},
name:{}
}
})
@@ -74,7 +76,7 @@ meta中是模型的字段信息,字段名对应的对象为字段的属性定
模型定义好之后,可以通过`dataTable.setSimpleData`方法把从后台查询到的json数据载入模型之中:
dataTable.setSimpleData([
myDataTable.setSimpleData([
{"id": "001","name": "tom"},
{"id": "002","name": "john"}
])
@@ -84,62 +86,47 @@ meta中是模型的字段信息,字段名对应的对象为字段的属性定
#### 新增数据行并赋值
var row = dataTable.createEmptyRow();
var row = myDataTable.createEmptyRow();
row.setValue('id','003')
新增的数据在dataTable中表现为新增一个`Row`对象。调用`setValue`对其中字段赋值。
#### 修改已存在的行中数据
var row = dataTable.getRow(index);
row.setValue('name','jerry');
var row = myDataTable.getRow(index);//index为行的索引,index为0说明获取的是第一行数据
row.setValue('name','jerry');//修改后第一行的对象的name为jerry
#### 删除某一行数据
dataTable.removeRow(index);
myDataTable.removeRow(index);//index为行的索引
#### 获取所有数据
var json = dataTable.getSimpleData();
var json = myDataTable.getSimpleData();
#### 添加事件监听
示例如下:
```
//数据改变监听
dataTable1.on('valueChange',function(event){
myDataTable.on('valueChange',function(event){
var field = event.field,
rowId = event.rowId,
oldValue = event.oldValue,
newValue = event.newValue;
});
```
## 文档
开发文档详见[这里](http://tinper.org/dist/kero/docs/overview.html)。
更多内容请移步我们的[官网](http://tinper.org)
## 如何参与贡献
### 反馈
如在使用过程中遇到任何问题,可以在[这里](https://github.com/iuap-design/kero/issues)提交issue反馈;
或者直接fork代码到你的github仓库,提交pull request给我们。
[Bug 反馈及需求提交](CONTRIBUTING.md)
### 开发及构建
开发者可以一起参与为 kero 贡献代码,同时也可以基于 kero 进行二次开发或封装插件。
neoui 使用 [gulp.js](http://gulpjs.com/) 构建项目。
克隆项目文件:
```
@@ -158,9 +145,14 @@ $ npm install
$ npm run product
```
### 官方QQ群
527124070
### 反馈
如在使用过程中遇到任何问题,可以在[这里](https://github.com/iuap-design/kero/issues)提交issue反馈;
或者直接fork代码到你的github仓库,提交pull request给我们。
[Bug 反馈及需求提交](CONTRIBUTING.md)
## Licence 版权
Oops, something went wrong.

0 comments on commit ba5d7bc

Please sign in to comment.