node.js - antdesign Table中的columns属性怎么和组件关联?
问题描述
const columns = [{ title: ’申报批次’, dataIndex: ’declareBatch’, sorter: true, /*render: name => `${name.first} ${name.last}`,*/ /*render:()=>count++,*/ width: ’18%’,}, { title: ’被考机构’, dataIndex: ’admittedOrganization’, width: ’19%’,}, { title: ’申报截止日期’, dataIndex: ’dueDate’, width: ’12%’,},{ title: ’考核时间’, dataIndex: ’examinationDate’, render: (msg => ( <span>{msg[0]+’~’+msg[1]}</span> )), width: ’20%’,},{ title: ’状态’, dataIndex: ’type’, render: msg => msg === ’待确认’ ? <span style={{color:'green'}}>{msg}</span> : (msg==='待提交'?<span style={{color:'orange'}}>{msg}</span>:(msg==='待审批'?<span style={{color:'red'}}>{msg}</span>:<span>{msg}</span>)), width: ’10%’,},{ title: ’备注’, dataIndex: ’note’, width: ’10%’,},{ title: ’操作’, key: ’operation’, render: (text, record) => ( <span> <a><Popconfirm placement='topLeft' title={'确定要关闭该申报计划吗?'} onVisibleChange={this.onPopVisibleChange} onConfirm={this.onPopConfirm(record)} onCancel={this.onTableFootBatchAppointExpertClickCancel} visible={this.props.commonTableReduce.get(’popVisible’)}> 关闭</Popconfirm> </a> <span className='ant-pider'></span> <a><span id='check'>查看</span></a> </span>), width: ’12%’, } ];
上面是Table中引用的clumn,最后一栏的操作里的Popconfirm的onVisibleChange等方法怎么调用下方的方法?
let AppTable = React.createClass({ onPopConfirm(record){ this.props.examineSubmittedTableAction.onPopConfirm(record,this.props.notificationAction,Notification) }, onPopCancel(){ this.props.examineSubmittedTableAction.onPopCancel() }, onPopVisibleChange(){ this.props.examineSubmittedTableAction.onPopVisibleChange() },
然后是Table的代码
<Table //rowSelection={this.rowSelection} columns={columns} rowKey={record => record.id}//特别注意,需要设置表格主键唯一id的名称,以优化react显示 dataSource={commonTableReduce.get(’data’).toJSON()} pagination={false} loading={commonTableReduce.get(’loading’)} onChange={this.handleTableChangePrepare} onRowClick= {this.onRowClick} size='middle' ref='tableRef'
我网站打开发现clumn里的this是undefined
那我改怎么写,或是哪里有问题?
问题解答
回答1:把 columns 放到类里面去。
相关文章:
1. javascript - webpack build出错后如何定位文件?2. java - springboot使用容器加载时,如何预先获取ClassLoader资源?3. html5 - 想要写一个H5页面,就微信打开来那种,然后几个输入框,把数据保存在我后台(java)的数据库里,实现思路是怎样的?4. boot2docker无法启动5. android - 百度地图加载大量marker点有没有比较好的解决方案6. 怎么在phpstudy中用phpexcel上传数据到MYSQL?7. java - AtomicInteger等原子类,是不是不用volatile修饰,自带volatile属性?8. vue.js - 为什么我的vue项目上传到github不能预览?9. css3 邊框漸層 及 ios背景模糊?10. 请在微信客户端打开链接怎么在PC端打开