Blame view

src/Pagination/Pagination.html 2.16 KB
710b4ac0   Imshann   优化
1
  <ul className={"ant-pagination"+(size==="small"?" mini": "")}>
dd962f77   Imshann   优化
2
3
4
5
      <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
6
      </li>
061629e7   Imshann   add
7
8
9
10
11
12
13
14
15
16
      {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   优化
17
18
19
20
21
22
          </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
23
24
      </li>
      <li className="ant-pagination-options">
710b4ac0   Imshann   优化
25
          {showSizeChanger === 'true' && <es-select className="ant-pagination-options-size-changer" size="{{size}}" value="10" get-popup-container="getPopupContainer" on-change="handleSelectChange(value)">
a468667f   Imshann   优化
26
27
28
29
              <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   优化
30
31
          </es-select>}
          {showQuickJumper === 'true' && <div className="ant-pagination-options-quick-jumper">
1b6f912f   Imshann   优化
32
              跳至<input type="text" onBlur={this.handleBlur.bind(this, $event)} onKeyPress={this.onKeyPress.bind(this, $event)}/>
dd962f77   Imshann   优化
33
          </div>}
3a3ecabe   Imshann   init
34
35
      </li>
  </ul>