Reactjs 无法在react redux中使用ag网格进行服务器端排序
我正在尝试调用redux操作并在sortModel内部传递,以便从服务器获取排序数据。Reactjs 无法在react redux中使用ag网格进行服务器端排序,reactjs,react-redux,ag-grid,ag-grid-react,Reactjs,React Redux,Ag Grid,Ag Grid React,我正在尝试调用redux操作并在sortModel内部传递,以便从服务器获取排序数据。 [文档中的示例]() 有人能帮我理解我做错了什么吗 ... defaultColDef: { sortable: true, flex: 1, minWidth: 100, resizable: true, }, rowModelType: 'serverSide', }; } serverSid
[文档中的示例]()
有人能帮我理解我做错了什么吗
...
defaultColDef: {
sortable: true,
flex: 1,
minWidth: 100,
resizable: true,
},
rowModelType: 'serverSide',
};
}
serverSideDatasource(response) {
return {
getRows: function(params) {
console.log('[Datasource] - rows requested by grid: ', params.request);
//Redux action
this.props.getSortedDataFromServer( params.request.sortModel);
setTimeout(function() {
if (response.success) {
params.successCallback(response.rows, response.lastRow);
} else {
params.failCallback();
}
}, 500);
},
};
}
onGridReady = params => {
//Data from redux store
const { result } = this.props.sortedData;
this.gridApi = params.api;
this.gridColumnApi = params.columnApi;
var datasource = this.serverSideDatasource(result);
params.api.setServerSideDatasource(datasource);
};
render() {
return (
<div style={{ width: '100%', height: '100%' }}>
<div
id="myGrid"
style={{
height: '100%',
width: '100%',
}}
className="ag-theme-alpine-dark"
>
<AgGridReact
columnDefs={this.state.columnDefs}
defaultColDef={this.state.defaultColDef}
rowModelType={this.state.rowModelType}
animateRows={true}
onGridReady={this.onGridReady}
/>
</div>
</div>
);
}
}
...
。。。
默认值f:{
可排序:是的,
弹性:1,
最小宽度:100,
可调整大小:正确,
},
rowModelType:“服务器端”,
};
}
serverSideDatasource(响应){
返回{
getRows:函数(参数){
log(“[Datasource]-网格请求的行:”,params.request);
//重演行动
this.props.getSortedDataFromServer(params.request.sortModel);
setTimeout(函数(){
if(response.success){
params.successCallback(response.rows,response.lastRow);
}否则{
params.failCallback();
}
}, 500);
},
};
}
onGridReady=params=>{
//来自redux存储的数据
const{result}=this.props.sortedData;
this.gridApi=params.api;
this.gridColumnApi=params.columnApi;
var datasource=this.serverSideDatasource(结果);
params.api.setServerSideDatasource(数据源);
};
render(){
返回(
);
}
}
...