Skip to content

ShakingMap/reactAutoForm

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

2 Commits
 
 
 
 

Repository files navigation

reactAutoForm

This is a demo, waiting to continue to develop

#demo

const demo = React.createClass({
 getInitialState: function () {
        return {
            data: {}
        };
    },
  handleFunc() {

  //code
    },
  renderBody(){
        let that = this;
        let option = [{label: '', value: ''}];
        let form = {
            title: 'demo',
            buttons: [
                {
                    id: 'saveBtn',
                    name: '提交保存',
                    fn: function (event) {
                        that.insert(event);
                    }
                }
            ],
            schema: [
                {
                    name: 'demo',
                    formType: 'input',
                    type: 'text',
                    label: "demo",
                    placeholder: 'demo'
                },

                {
                    name: 'mode',
                    type: 'text',
                    formType: 'select',
                    label: 'demo',
                    options: [
                        {label: '', value: ''},
                        {label: 'one', value: '1'},
                        {label: 'two', value: '2'}
                    ]
                }
                {
                    name: 'size.xxs',
                    type: 'number',
                    formType: 'input',
                    label: 'XXSnumber'
                },
                {
                    name: 'description',
                    type: 'text',
                    formType: 'textarea',
                    label: 'description'
                },
                {
                    name: 'style',
                    type: 'text',
                    formType: 'array',
                    label: 'demo',
                    model: 'checkbox',
                    options: ["1","2","3"]
                },
               {
                    name: 'lease_type',
                    type: 'text',
                    formType: 'array',
                    label: '租赁方式',
                    model: 'checkbox',
                    options: [
                        {label: 'one', value: '1'},
                        {label: 'one', value: '2'}
                    ]
                },
                {
                    name: 'keywords',
                    type: 'text',
                    formType: 'array',
                    label: 'demo'
                }
            ],
            data: this.state.data
        };
         return (
                    <div>

                        <ReactAutoForm form={form} onChange={this.handleFunc}/>
                    </div>
                )},

            render(){
                   return (
                       this.renderBody()
                   )
            }
})

About

No description, website, or topics provided.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published