mirror/ant-design
1
0
Fork 0
mirror of https://github.com/ant-design/ant-design.git synced 2024-11-29 21:59:41 +08:00
Code Issues Actions 33 Packages Projects Releases Wiki Activity

Merge pull request #6556 from sojournerc/master

Browse Source 
add ClickEvent to Table.props.onRowClick interface
This commit is contained in:
偏右 2017-06-21 10:26:48 +08:00 committed by GitHub
commit 4212103c91
3 changed files with 7 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
components/table/Table.tsx
View File

@ -80,7 +80,7 @@ export interface TableProps<T> {
loading?: boolean | SpinProps; loading?: boolean | SpinProps;
locale?: Object; locale?: Object;
indentSize?: number; indentSize?: number;
onRowClick?: (record: T, index: number) => any; onRowClick?: (record: T, index: number, event: Event) => any;
useFixedHeader?: boolean; useFixedHeader?: boolean;
bordered?: boolean; bordered?: boolean;
showHeader?: boolean; showHeader?: boolean;

10
components/table/index.en-US.md
View File

@ -69,7 +69,7 @@ const columns = [{
| loading | loading status of table | boolean | false | | loading | loading status of table | boolean | false |
| locale | i18n text include filter, sort, empty text...etc | object | filterConfirm: 'Ok' <br> filterReset: 'Reset' <br> emptyText: 'No Data' <br> [Default](https://github.com/ant-design/ant-design/issues/575#issuecomment-159169511) | | locale | i18n text include filter, sort, empty text...etc | object | filterConfirm: 'Ok' <br> filterReset: 'Reset' <br> emptyText: 'No Data' <br> [Default](https://github.com/ant-design/ant-design/issues/575#issuecomment-159169511) |
| indentSize | index pixel size of tree data | number | 15 | | indentSize | index pixel size of tree data | number | 15 |
| onRowClick | callback that is called when click a row | Function(record, index) | - | | onRowClick | callback that is called when click a row | Function(record, index, event) | - |
| bordered | whether to show table border completely | boolean | false | | bordered | whether to show table border completely | boolean | false |
| showHeader | whether to show table header | boolean | true | | showHeader | whether to show table header | boolean | true |
| footer | table footer renderer | Function(currentPageData) | | | footer | table footer renderer | Function(currentPageData) | |
@ -78,12 +78,12 @@ const columns = [{
### Column ### Column
One of Property `columns` for descriping column, Column has the same API. One of Property `columns` for describing column, Column has the same API.
| Property | Description | Type | Default | | Property | Description | Type | Default |
|---------------|--------------------------|-----------------|--------------| |---------------|--------------------------|-----------------|--------------|
| title | title of this column | string\|ReactNode | - | | title | title of this column | string\|ReactNode | - |
| key | key of this column, you can ignore thie prop if you've set a unique `dataIndex` | string | - | | key | key of this column, you can ignore this prop if you've set a unique `dataIndex` | string | - |
| dataIndex | display field of the data record, could be set like `a.b.c` | string | - | | dataIndex | display field of the data record, could be set like `a.b.c` | string | - |
| render | renderer of table cell, has three params: text, record and index of this row. The render value should be a ReactNode, or a object for [colSpan/rowSpan config](#demo-colspan-rowspan) | Function(text, record, index) {} | - | | render | renderer of table cell, has three params: text, record and index of this row. The render value should be a ReactNode, or a object for [colSpan/rowSpan config](#demo-colspan-rowspan) | Function(text, record, index) {} | - |
| filters | filter menu config | object[] | - | | filters | filter menu config | object[] | - |
@ -93,7 +93,7 @@ One of Property `columns` for descriping column, Column has the same API.
| filterDropdownVisible | whether filterDropdown is visible | boolean | - | | filterDropdownVisible | whether filterDropdown is visible | boolean | - |
| onFilterDropdownVisibleChange | called when filterDropdownVisible is changed | function(visible) {} | - | | onFilterDropdownVisibleChange | called when filterDropdownVisible is changed | function(visible) {} | - |
| filteredValue | controlled filtered value, filter icon will highlight. | string[] | - | | filteredValue | controlled filtered value, filter icon will highlight. | string[] | - |
| filtered | whether the dataSource is filterd | boolean | false | | filtered | whether the dataSource is filtered | boolean | false |
| filterIcon | customized filter icon | ReactNode | false | | filterIcon | customized filter icon | ReactNode | false |
| sorter | sort function for local sort, see [Array.sort](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/sort)'s compareFunction. If you need sort buttons only, set it `true` | Function\|boolean | - | | sorter | sort function for local sort, see [Array.sort](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/sort)'s compareFunction. If you need sort buttons only, set it `true` | Function\|boolean | - |
| colSpan | span of this column's title | number | | | colSpan | span of this column's title | number | |
@ -168,7 +168,7 @@ class NameColumn extends Table.Column<IUser> {}
## Note ## Note
According to [React documentation](https://facebook.github.io/react/docs/lists-and-keys.html#keys), every child in array should be assigned a unique key. The value inside `dataSource` and `columns` should follow this in Table, and `dataSource[i].key` would be treated as key value defaultly for `dataSource`. According to [React documentation](https://facebook.github.io/react/docs/lists-and-keys.html#keys), every child in array should be assigned a unique key. The value inside `dataSource` and `columns` should follow this in Table, and `dataSource[i].key` would be treated as key value default for `dataSource`.
If `dataSource[i].key` is not existed, then you should specify the primary key of dataSource value via `rowKey`. If not, warnings like above will show in browser console. If `dataSource[i].key` is not existed, then you should specify the primary key of dataSource value via `rowKey`. If not, warnings like above will show in browser console.

2
components/table/index.zh-CN.md
View File

@ -70,7 +70,7 @@ const columns = [{
| loading | 页面是否加载中 | boolean | false | | loading | 页面是否加载中 | boolean | false |
| locale | 默认文案设置，目前包括排序、过滤、空数据文案 | object | filterConfirm: '确定' <br> filterReset: '重置' <br> emptyText: '暂无数据' <br> [默认值](https://github.com/ant-design/ant-design/issues/575#issuecomment-159169511) | | locale | 默认文案设置，目前包括排序、过滤、空数据文案 | object | filterConfirm: '确定' <br> filterReset: '重置' <br> emptyText: '暂无数据' <br> [默认值](https://github.com/ant-design/ant-design/issues/575#issuecomment-159169511) |
| indentSize | 展示树形数据时，每层缩进的宽度，以 px 为单位 | number | 15 | | indentSize | 展示树形数据时，每层缩进的宽度，以 px 为单位 | number | 15 |
| onRowClick | 处理行点击事件 | Function(record, index) | - | | onRowClick | 处理行点击事件 | Function(record, index, event) | - |
| bordered | 是否展示外边框和列边框 | boolean | false | | bordered | 是否展示外边框和列边框 | boolean | false |
| showHeader | 是否显示表头 | boolean | true | | showHeader | 是否显示表头 | boolean | true |
| footer | 表格尾部 | Function(currentPageData) | | | footer | 表格尾部 | Function(currentPageData) | |