zent
Version:
一套前端设计语言和基于React的实现
84 lines (72 loc) • 1.49 kB
JavaScript
/* eslint-disable no-console */
import React from 'react';
import Table from '../src/index.js';
import '../assets/index.scss';
import 'zent-pagination/assets/index.scss';
import TextComponent from './components/Text';
import datasets from './data/conf';
/*
选中功能
*/
const columns = [{
title: '商品',
width: 50,
bodyRender: (data) => {
return (
<div>{data.item_id}</div>
);
}
}, {
title: '访问量',
name: 'bro_uvpv',
width: 10,
bodyRender: TextComponent
}, {
title: '库存',
name: 'stock_num',
width: 20
}, {
title: '总销量',
name: 'sold_num',
width: 20
}];
const Simple = React.createClass({
getInitialState() {
return {
limit: 10,
current: 0,
total: 101,
selectedRowKeys: [],
};
},
onSelect(selectedRowKeys, selectedRows) {
this.setState({
selectedRowKeys
});
console.log(`你选中了:${selectedRowKeys}`);
console.log(selectedRows);
},
getRowConf(rowData, index) {
return {
canSelect: index % 2 === 0
};
},
render() {
let self = this;
return (
<Table
columns={columns}
datasets={datasets}
rowKey="item_id"
getRowConf={this.getRowConf}
selection={{
selectedRowKeys: this.state.selectedRowKeys,
onSelect(selectedRowkeys, selectedRows) {
self.onSelect(selectedRowkeys, selectedRows);
}
}}
/>
);
}
});
export default Simple;