import @H_403_8@{ Table,Grid @H_403_8@} from "@icedesign/base";
@H_403_8@@H_403_8@import @H_403_8@{ FormBinderWrapper as IceFormBinderWrapper@H_403_8@,FormBinder as IceFormBinder@H_403_8@,FormError as IceFormError@H_403_8@,@H_403_8@} from ‘@ali/ice-form-binder‘@H_403_8@;
@H_403_8@@H_403_8@@H_403_8@@H_403_8@@H_403_8@@H_403_8@@H_403_8@@H_403_8@import IceEvents from ‘@ali/ice-events‘@H_403_8@;
@H_403_8@@H_403_8@@H_403_8@@H_403_8@@H_403_8@@H_403_8@@H_403_8@@H_403_8@const @H_403_8@{ Row@H_403_8@,Col @H_403_8@} = Grid@H_403_8@;
@H_403_8@@H_403_8@@H_403_8@@H_403_8@@H_403_8@@H_403_8@@H_403_8@@H_403_8@@H_403_8@@H_403_8@@H_403_8@@H_403_8@//IceFormBinderWrapper的value值就是接收到的点击行的值,这个组件有一个双向绑定的属性,所以直接设置value就可以了
@H_403_8@@H_403_8@@H_403_8@@H_403_8@@H_403_8@@H_403_8@@H_403_8@@H_403_8@@H_403_8@@H_403_8@@H_403_8@@H_403_8@@IceEvents
export default class Demo extends Component {
constructor(props){
super(props);
this.state = {
queryTableData:{}
}
}
componentDidMount(){
this.queryTableData(this.state.queryTableData)
//一般来讲table组件和input组件是两个页面,今天放在一个里面了,所以写法还是按两个组件的方式来写的,用了事件通信
this.on("clickRowData",(e,data)=>{
//再次发送ajax,把当前行的id传回去,会拿到一个response,把这个结果放进state里面
this.setState({
InputData:res
})
})
queryTableData = (vale) =>{
//ajax拿到数据,扔进state里面
如:this.setState({
tableData:res
ChangeRowClick = (record,e,index) =>{
this.emit("clickRowData",record);
render(){
return(
<IceFormBinderWrapper
value={this.state.InputData}
>
<Row>
<Col>
<Table
dataSource=@H_403_8@{this.state.tableData@H_403_8@@H_403_8@@H_403_8@@H_403_8@@H_403_8@@H_403_8@}
@H_403_8@@H_403_8@@H_403_8@@H_403_8@@H_403_8@@H_403_8@@H_403_8@ onRowClick={this.ChangeRowClick}
@H_403_8@@H_403_8@@H_403_8@@H_403_8@@H_403_8@@H_403_8@@H_403_8@ @H_403_8@@H_403_8@>
@H_403_8@@H_403_8@@H_403_8@@H_403_8@@H_403_8@@H_403_8@@H_403_8@@H_403_8@@H_403_8@ <Table@H_403_8@.Column@H_403_8@@H_403_8@@H_403_8@ dataIndex="对应字段名,比如title" />
@H_403_8@@H_403_8@@H_403_8@@H_403_8@@H_403_8@@H_403_8@@H_403_8@@H_403_8@@H_403_8@@H_403_8@@H_403_8@@H_403_8@@H_403_8@ </Table>
</Col>
<IceFormBinder>
<Input name="对应字段名,比如title"/>
</IceFormBinder>
</Row>
</IceFormBinderWrapper>
)
}