Ant Design和Raect结合开关操作
在前端设计中我们会在某个字段中控制,写成开关形式是不是比较高级呢?
下面这种形式为输出类型想要修改需要重新设置个按钮无法再表格上操作(有其他高招的请不吝赐教)
这种形式可以在表格上操作,是不是比上面要高级点呢? 这个有个问题是如果项目需要控制该字段修改给特定的人使用则 不推荐使用这种开关的方法 ,解决办法,还没想到,有办法的希望赐教
那么如何操作呢 ??? 上代码
//这个是需要修改的方法
enableChange = (record, checked) => {
this.setState({
loading:true
})
const isEnable = checked ? "1": "0";
record.isApproval= isEnable //这个根据需要修改
record.branchKey = this.props.selectRow.branchKey
approvalBranchSchoolUpdate(record,authority.update, () => {
this.indexQuery();
});
};
//在表格中设置渲染组件
render: (checked, record, index) => {
return (
<div>
<Switch //ant design中的开关组件
checkedChildren={"是"}
unCheckedChildren={"否"}
checked={record.isApproval== "1" ? true : false}
onChange={this.enableChange.bind(checked, record)}
/>
</div>
);
},