首页 > 解决方案 > 带有 Ag-grid 的 React.js:如何在 AgGridReact 组件中禁用拖动?

问题描述

作为序言,我是编程新手(<3 个月),我仍在学习基本概念和术语;如果我显得迟钝,请原谅我。目前,我第一次使用 ag-grid 组件。我的退货声明有以下内容:


  return (
    <div className="App">
      <input placeholder="Description" name="description" value={todo.description} onChange={inputChanged} />
      <input placeholder="Date" name="date" value={todo.date} onChange={inputChanged}/>
      <input placeholder="Status" name="status" value={todo.status} onChange={inputChanged}/>
      <button onClick={addTodo}>Add</button>
      <div className="ag-theme-material" style={{ height: 600, width: 600, margin: 'auto' }}>
        <AgGridReact
           rowData={todos}>
          <AgGridColumn field="description" sortable={true} filter={true}></AgGridColumn>
          <AgGridColumn field="date" sortable={true} filter={true}></AgGridColumn>
          <AgGridColumn field="status" sortable={true} filter={true}></AgGridColumn>
        </AgGridReact>
      </div>
    </div>
  );
}

我的任务是防止 ag-grid 组件的拖放行为。我得到了官方的https://www.ag-grid.com/javascript-grid-column-properties/文档以供参考,我找到了该rowDrag属性。我试图rowDrag={false}在 AgGridReact 组件中实现它,并分别在 AgGridColumn 中实现它,但是这两种方法都没有奏效。我还在谷歌上搜索了这个问题,发现了一些其他方法需要为可拖动性创建一个全新的方法,但我认为这可能不是本练习中所寻求的。

我觉得被这个简单的事情困住了。我真的很感激任何帮助。

标签: reactjsdrag-and-dropag-grid-react

解决方案


推荐阅读