Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/reactjs/23.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Reactjs 无法在react redux中使用ag网格进行服务器端排序_Reactjs_React Redux_Ag Grid_Ag Grid React - Fatal编程技术网

Reactjs 无法在react redux中使用ag网格进行服务器端排序

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

我正在尝试调用redux操作并在sortModel内部传递,以便从服务器获取排序数据。
[文档中的示例]()
有人能帮我理解我做错了什么吗

...
      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(){
返回(
);
}
}
...