80abca23
Imshann
feat(pagination):...
|
1
|
<ul className={"ant-pagination" + (size === "small" ? " mini" : "")}>
|
0c33a548
Imshann
fix(pagination): ...
|
2
|
{showTotal() && <li className="ant-pagination-total-text">{handleShowTotal()}</li>}
|
dd962f77
Imshann
优化
|
3
4
5
6
|
<li className={"ant-pagination-prev" + (state.current === 1 ? " ant-pagination-disabled" : "")} onClick={this.handlePrev}>
<button type="button" class="ant-pagination-item-link">
<es-icon type="LeftOutlined"></es-icon>
</button>
|
3a3ecabe
Imshann
init
|
7
|
</li>
|
061629e7
Imshann
add
|
8
9
10
11
12
13
14
15
16
17
|
{state.pageNumList.map(function (value, key) {
return <li key="key" className={""+getItemLinkClassName(value)} onClick={this.handleClick.bind(this, value)}>
{(value!=='prev'&&value!=='next')&&<a>{value}</a>}
{(value==='prev'||value==='next')&&<a className="ant-pagination-item-link">
<div className="ant-pagination-item-container">
{value==="prev"&&<es-icon type="DoubleLeftOutlined" className="ant-pagination-item-link-icon"></es-icon>}
{value==="next"&&<es-icon type="DoubleRightOutlined" className="ant-pagination-item-link-icon"></es-icon>}
<span className="ant-pagination-item-ellipsis">•••</span>
</div>
</a>}
|
dd962f77
Imshann
优化
|
18
19
20
21
22
23
|
</li>
})}
<li className={"ant-pagination-next" + (state.current === state.pageNum ? " ant-pagination-disabled" : "")} onClick={this.handleNext}>
<button type="button" class="ant-pagination-item-link">
<es-icon type="RightOutlined"></es-icon>
</button>
|
3a3ecabe
Imshann
init
|
24
25
|
</li>
<li className="ant-pagination-options">
|
710b4ac0
Imshann
优化
|
26
|
{showSizeChanger === 'true' && <es-select className="ant-pagination-options-size-changer" size="{{size}}" value="10" get-popup-container="getPopupContainer" on-change="handleSelectChange(value)">
|
a468667f
Imshann
优化
|
27
28
29
30
|
<es-select-option value="10">10 条/页</es-select-option>
<es-select-option value="20">20 条/页</es-select-option>
<es-select-option value="30">30 条/页</es-select-option>
<es-select-option value="40">40 条/页</es-select-option>
|
dd962f77
Imshann
优化
|
31
32
|
</es-select>}
{showQuickJumper === 'true' && <div className="ant-pagination-options-quick-jumper">
|
1b6f912f
Imshann
优化
|
33
|
跳至<input type="text" onBlur={this.handleBlur.bind(this, $event)} onKeyPress={this.onKeyPress.bind(this, $event)}/>页
|
dd962f77
Imshann
优化
|
34
|
</div>}
|
3a3ecabe
Imshann
init
|
35
36
|
</li>
</ul>
|