open-hand / choerodon-ui

An enterprise UI framework and react-based implementation.
http://choerodon.io
MIT License
316 stars 140 forks source link

table如何结合Cascader组件呢 #1282

Closed dzjwan521 closed 2 years ago

dzjwan521 commented 2 years ago

这个表格的地址列 我想从下拉框值集组件 变成Cascader级联组件。该如何使用

import React from 'react';
import ReactDOM from 'react-dom';
import { DataSet, Table } from 'choerodon-ui/pro';

class App extends React.Component {
  userDs = new DataSet({
    primaryKey: 'userid',
    name: 'user',
    autoQuery: true,
    pageSize: 5,
    fields: [

      {
        name: 'name',
        type: 'intl',
        label: '姓名',
      },
      {
        name: 'address',
        type: 'string',
        label: '地址',
        lookupCode: 'HR.EMPLOYEE_GENDER',
        required: true,
      },

    ],
  });

  get columns() {
    return [

      { name: 'name', editor: true },
      { name: 'address', editor: true },

    ];
  }

  render() {
    return (
      <Table
        key="basic"
        rowNumber={({ text }) => `#${text}`}
        dataSet={this.userDs}
        columns={this.columns}
      />
    );
  }
}

ReactDOM.render(<App />, document.getElementById('container'));
Huihuawk commented 2 years ago
  { name: 'address', editor:  <Cascader /> },