Web Demo Mobile Demo Angular Demo Vue Demo React Demo
源代码
import React from 'react';
import { Dialog, LinkButton } from 'rc-easyui';

class App extends React.Component {
  render() {
    return (
      <div>
        <h2>Toolbar and Button</h2>
        <LinkButton onClick={() => this.dlg.open()}>Open Dialog</LinkButton>
        <Dialog
          title="Toolbar and Button"
          style={{ width: 400, height: 200 }}
          bodyCls="f-column"
          modal
          ref={ref => this.dlg = ref}
        >
          <div className="dialog-toolbar">
            <LinkButton iconCls="icon-edit" plain>Edit</LinkButton>
            <LinkButton iconCls="icon-help" plain>Help</LinkButton>
          </div>
          <div className="f-full">
            <p style={{ textAlign: 'center', margin: '20px 0', fontSize: '16px' }}>The Dialog Content.</p>
          </div>
          <div className="dialog-button">
            <LinkButton style={{ width: 80 }}>Save</LinkButton>
            <LinkButton style={{ width: 80 }}>Close</LinkButton>
          </div>
        </Dialog>
      </div>
    );
  }
}

export default App;