| | |
| | | !is(fromJS(this.props.fields), fromJS(nextProps.fields)) || |
| | | !is(fromJS(this.props.linkSubFields), fromJS(nextProps.linkSubFields)) || |
| | | this.props.display !== nextProps.display || |
| | | (nextProps.multiple && this.props.multiple !== nextProps.multiple) || |
| | | this.props.type !== nextProps.type |
| | | ) { |
| | | this.setState({editingKey: ''}, () => { |
| | |
| | | } |
| | | |
| | | getCloumns = () => { |
| | | const { display, fields, linkSubFields, transfield, type } = this.props |
| | | const { display, fields, linkSubFields, transfield, type, multiple } = this.props |
| | | let columns = [] |
| | | let keys = ['ParentID'] |
| | | let keys = ['ParentID', 'pid'] |
| | | |
| | | if (display === 'picture') { |
| | | columns.push({ |
| | |
| | | render: (text) => { |
| | | if (!text) return '' |
| | | return <span style={{display: 'block', width: '70px', height: '70px'}}><img style={{width: '100%', height: '100%'}} src={text} alt="" /></span> |
| | | } |
| | | }) |
| | | } else if (display === 'color') { |
| | | columns.push({ |
| | | title: 'Color', |
| | | dataIndex: '$color', |
| | | inputType: 'text', |
| | | editable: true, |
| | | render: (text) => { |
| | | if (!text) return '' |
| | | return <div style={{height: '20px', background: text}}></div> |
| | | } |
| | | }) |
| | | } |
| | |
| | | dataIndex: '$value', |
| | | editable: true, |
| | | }) |
| | | |
| | | if (multiple === 'dropdown' && display === 'text') { |
| | | columns.unshift({ |
| | | title: 'pid', |
| | | dataIndex: 'pid', |
| | | editable: true, |
| | | }) |
| | | } |
| | | |
| | | if (type === 'link') { |
| | | columns.unshift({ |
| | |
| | | |
| | | if (display === 'picture') { |
| | | item.$url = '' |
| | | } else if (display === 'color') { |
| | | item.$color = '' |
| | | } |
| | | |
| | | fields.forEach(f => { |
| | |
| | | } |
| | | |
| | | render() { |
| | | const { display, fields } = this.props |
| | | |
| | | const components = { |
| | | body: { |
| | | row: DragableBodyRow, |
| | |
| | | }) |
| | | |
| | | let addable = false |
| | | if (this.props.display === 'picture' || this.props.display === 'color') { |
| | | if (display === 'picture' || display === 'color') { |
| | | addable = true |
| | | } else if (this.props.fields && this.props.fields.length > 0) { |
| | | } else if (fields && fields.length > 0) { |
| | | addable = true |
| | | } |
| | | |