Блог

Главная - Вопросы по программированию - React.js с помощью Ag-сетки: Как отключить перетаскивание в компоненте agridreact?

React.js с помощью Ag-сетки: Как отключить перетаскивание в компоненте agridreact?

#reactjs #drag-and-drop #ag-grid-react

Вопрос:

Чтобы предварить это, я новичок в программировании ( На данный момент я впервые использую компонент 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} в компоненте Agridreact, так и отдельно в AgGridColumn, но ни один из методов не сработал. Я также искал эту проблему в Google и нашел несколько других методов, которые требуют создания совершенно нового метода для перетаскивания, но я думаю, что это может быть не то, что требуется в этом упражнении.

Я чувствую себя глупо, застряв на этой простой вещи. Я был бы очень признателен за любую помощь.

Метки: