The uxcore-table's discuss from uxcore

addEventListener is used, not supported in IE8.

addEventListener is used in src/header/index.js , which is not supported in IE8.
Introducing jquery will fix this problem.

在用__rowData组成 query 的时候应该考虑值为数字0的情况

var queryObj = {};

        _this.props.params.forEach(function (key) {
                            if (ctx.props.__rowData[key]) {
                                queryObj[key] = ctx.props.__rowData[key];
                            }
                        });

如果 ctx.props.__rowData[key] 值为0的话，则不会进去 queryObj，但很多情况下表格的值可能为0

actionbar 配置项改造

变成支持 text 和 callback 的模式，searchbar 从定义项中挪出。

remove column type 'person'

using render will be easier and more flexible.

{ dataKey: 'person', title: "申请人", width: 200, render: function(rowData) {
                return <Hovercard emplId={rowData.personId}  placement="right">
                            <div style={{
                                display: "inline-block"
                            }}>{rowData.person}</div>
                        </Hovercard>
            }},

props headerHeight should be redesigned

if we do not set props headerHeight，header will not show.
That's nonsense. header should always show unless I set it hidden.

paging bug in pagination

Now paging is done by calculating data.length, which is wrong.

rowSelection： false的时候表格样式发生变化，筛选项宽度被固定，列名称长一点就样式错乱了

如题。

add config addRowClassName

有时可能要对一行的样式，进行一个统一的定制。提供一个 hook，使用户可以根据 rowData，追加一行的类名。

item 的 actions 的 callback 中加入内置方法的调用

actions 里的 callback 有时无法通过 refs 拿到 grid 的实例，从而无法调用 API。
场景：

render() {
  var Grid = <Grid ref="grid" />
  return ( 
<div>
   <SomeComp comp={Grid}/> // 在这样的情况下 refs 拿不到 grid，拿不到 grid 的原因，是因为 Grid 并没有在 render 里实例化，如果是以子元素方式传进去，就没有这个问题。
</div>
);
}

这种场景出现在 uxcore-fis-grid 中，因为填写 url 和模板就可以完成某些功能，所以 comp 就必须要传进去了。

目前想到的解决方法是

actions: {
    '增加': function(rowData, actions) {actions.addEmptyRow()}
}

grid的view mode, radio,checkbox disable 需要支持

grid body scroll, select item hidden issue

click next page, the subComp do not disappear

props jsxdata 变化时，grid 不会刷新View

原因是 props.jsxdata 只在组件初始化时传入过一次，之后 props 更改，不会再去修改 state.data，但不能在 willReceiveProps 的时候调用 fetchData，这样会导致频繁地发 ajax 请求。因此只能单独 set

readme needs to be supplemented

in Demo, some props are not illustrated like fetchParams. And some props are not easy to understand, which need a written explanation.

fetcParams should be an object, not a string

fetchParams is a string now which is not easy to use

右上角对数据进行search的时候默认的page应该是1不应该是当前的page。

@majorye

grid pagination show sizeChanger

React 一直倡导的是 stateless 的组件，越是小颗粒的组件，越应该保证自己内部无状态，其 View 表现完全由父级组件传导的 props 来控制，以此来完成对于子组件的绝对控制。子组件不保有自己的状态，是实现“改变 props 即改变 view”这一终极目的的先决条件。子组件在发生改变时，不是立刻改变自己的值，而是通过回调将改动通知给父级，再由父级做出更改，这样的行为虽然显得有些绕，但使得数据总是单向地从父级传递给子级。

Grid 相比 Form，其内部状态其实是可以比较少的。毕竟内部的交互较少，大多是以展示为主。我们下一个重构版本，应该考虑的是如何不改变组件内 props 的情况下，通过只在 Grid 一层设置 state来完成我们现有的所有功能。

subGrid border style & width calculation

in sub mode, grid body should not has border, cause the parent already has.
And people always want to align the parent and the sub grid, so width should not be cared.

grid support add/remove row

i18n support

subtitle 进行悬停

目前只有一级表格的表头悬停
但是subList的数据多，向下滚动，然后表头展示的还是父级的

lock column feature

sync the cell's height of two side
sync the scrollTop of two side

any other?

在列宽总和不足 grid 宽度的情况，自动补列，填满整个 grid。

因为支持横向滚动的关系，grid 的容器是 display：inline-block，产生的问题是如果列宽总和不够，则会产生白边，故需自动补列，来补足宽度。需要考虑到 IE8 下对滚动条的兼容

add edit/view mode for grid, default is edit

view mode, every column just view
edit mode, column type will works, like select , text etc

pageSize should be configurable

pageSize is set to 10 now.

support tree mode

simple the params

like

<Grid columns={columns} dataSource={data} />

checkbox cannot be selected when no checkbox column is passed

子 grid 与父 grid 对齐

主要需要考虑父 grid 有没有展开树，有没有 checkbox，子 grid 有没有展开树，有没有 checkbox，以及父元素如何通知子元素自己有没有两者。

父 grid 可以通过 passedData 告诉子 grid tree icon，如何告诉子 grid 有没有 checkbox？万一子 grid 自己有 tree icon 和 checkbox 怎么办。

Do not set props & each child needs a unique key

Two types of warnings appear at console in Grid Demo, which need to avoid.

Warning: Each child in an array or iterator should have a unique "key" prop.
https://coderwall.com/p/jdybeq/the-importance-of-component-keys-in-react-js
Don't set .props.jsxcolumns of the React component <function Grid(props)
http://facebook.github.io/react/docs/jsx-spread.html#mutating-props-is-bad-mkay

uxcore / uxcore-table Goto Github PK

uxcore-table's Issues

Recommend Projects

Recommend Topics

Recommend Org