Описание тега react-grid-layout

Перетаскиваемый макет сетки с изменяемым размером и отзывчивыми точками останова для React.
4 ответа

ReactJS: TypeError: this.state.data.map не является функцией

Может кто-нибудь, пожалуйста, помогите мне с этим. Я получаю ошибку, описанную в заголовке этого вопроса. Я хочу поместить данные JSON в компонент реагирующей сетки. Эта библиотека может быть найдена на ( https://github.com/STRML/react-grid-layout) …
21 фев '18 в 08:11
0 ответов

React Packery реагирует-сетка-макет, сетка не выкладывается горизонтально

Я использую STRML response-grid-layout, пакетную сетку для React. Я беру объект массива в пользовательском интерфейсе. Но предметы не заполняют сетку. Я пытаюсь понять, почему это так. renderData() { return this.state.data.length > 1 ? this.state…
0 ответов

Текстовое поле пользовательского интерфейса материала не фокусируется в диалоговом окне пользовательского интерфейса материала

Проблемно Создано диалоговое окно пользовательского интерфейса материала, которое появляется при нажатии кнопки элемента разметки реагирующей сетки. Содержимое диалогового окна выберите поля и текстовые поля. Изменение выбора работает, но когда дело…
2 ответа

Ответная сетка с неработающим шрифтом

У меня есть новый проект, и я пытаюсь использовать ответ-сетка-макет для построения панели мониторинга. к сожалению, я не могу заставить его работать. Я использую: "@types/react-grid-layout": "0.16.5" "react-grid-layout": "0.16.5" когда я пытаюсь ис…
2 ответа

Реагировать на размещение элементов интерфейса?

Я новичок в React, поэтому как разместить элементы пользовательского интерфейса, ускользает от меня. Я хочу следующий макет: Но я не могу понять это. В черном ящике предполагается, что группа флажков (компонент, который я уже сделал) складывается ве…
27 дек '18 в 17:46
3 ответа

Можно ли получить начальную точку останова, используя ответную сетку?

Используя https://github.com/STRML/react-grid-layout Мне нужно знать текущую точку останова на componentDidMount, Исходя из точки останова, я знаю, какие размеры элементов я должен предоставить (элементы сетки "выбираются" пользователем из множестве…
13 фев '19 в 16:19
1 ответ

DevExtreme React Grid

Кто-нибудь знает, как изменить размер шрифта TableHeaderRow в DevExtreme React Grid? Вот пример кода с веб-сайта ( https://devexpress.github.io/devextreme-reactive/react/grid/demos/featured/data-editing/), с которым я работал import * as React from …
1 ответ

Первоначальное расположение элементов сетки в разметке реагирования-сетки генерируется случайным образом.

Вот код, который я использую для создания ответной сетки. Здесь я пытаюсь добиться динамической панели инструментов, которую можно настраивать, а также изменять и перетаскивать. При первоначальном рендеринге я пытаюсь, чтобы карточки приборной панел…
08 авг '18 в 10:54
0 ответов

Ответ-сетка-макет не отображает макет я передаю ему

Я столкнулся с проблемой с библиотекой response-grid-layout и не знаю, является ли это ошибкой или я плохо что-то делаю. Я открыл здесь проблему, но чем больше я об этом думаю, тем меньше вероятность, что такая большая проблема осталась незамеченной…
29 окт '18 в 09:53
0 ответов

Как получить текущий индекс измененного макета на реагировать-сетка-макет

onLayoutChange возвращает полный макет. Есть ли способ узнать, какая конкретная сетка изменилась и ее индекс.
24 авг '18 в 02:33
2 ответа

Как реализовать сетку статического размера, такую ​​как 3x3, в React-Grid-Layout

Я хочу иметь сетку, которая всегда будет иметь, например, 3 строки и 3 столбца. Теперь предположим, что это мои элементы сетки <div className="myClass" key="1">1</div> <div className="myClass" key="2">2</div> <div classNam…
23 авг '18 в 11:32
0 ответов

Реагирует ли элемент сетки с данными (массивом) с Firebase?

Относительно реактивно-сеточного макета Демонстрация 8 - Отзывчиво с LocalStorage Реагирует ли элемент сетки с данными (массивом) с Firebase? Потому что кажется, что макеты (хранящиеся в локальном хранилище) для извлеченных данных (из Firebase) сбра…
0 ответов

Есть ли способ удалить свойство compactType из реагирующей сетки?

Есть ли способ удалить свойство compactType из реагирования-сетки-макета? Потому что это приводит к тому, что позиции элементов сетки не сохраняются должным образом, так как кажется, что они отображают позиции из базы данных в вертикальном или гориз…
26 июн '18 в 09:32
1 ответ

React Grid Redux Интеграционное состояние редукса не обновляется при изменении сетки

Я пытаюсь реализовать React Grid на основе этого примера, используя Redux для управления состоянием магазина с изменениями исходного кода примера, основанного на структуре приложения Redux. Но когда я внесу изменение, скажем, например, "отсортироват…
0 ответов

React Grid Layout - изменить размер с других углов

Есть ли возможность для React Grid Layout изменить размеры блоков не только по нижнему правому углу, но и по другим углам или сторонам? Спасибо!
06 июн '18 в 14:15
1 ответ

React Grid Layout - обновить высоту редактора Tinymce после первого инициализации

У меня есть React Component, который визуализирует экземпляр редактора tinymce. Цель состоит в том, чтобы динамически изменить размер редактора после его инициализации. Я использую пакет "React Grid Layout" для изменения размера компонента. 2 вопрос…
0 ответов

React DevExtreme React Grid Отфильтрованные строки

Я использую DevExtreme React Grid в течение последних нескольких дней, и у меня возникли небольшие проблемы с документацией. Я реализовал функцию панели поиска, используя SearchState, SearchPanel и IntegratedFiltering, как сказано в документации. Мо…
0 ответов

Первоначальный рендеринг реагирующей сетки

Я использовал ответную сетку (@0.13.5) в моих предыдущих проектах. Это просто работало нормально. В моем текущем проекте, когда загружен экран, сетки располагаются в стеке элементов, а не линейно. Когда я использую Inspect(Ctrl + Shift + I) или пере…
13 ноя '18 в 11:14
1 ответ

Использование Redux с реактивной сеткой

Я использую реагирующую сетку (RGL) для реализации этого варианта использования с двумя соображениями сохранить состояние приложения, включая дочерние компоненты GridItems включить связь между дочерними компонентами GridItems (события, потоки данных…
03 янв '18 в 16:14
1 ответ

ReactGridLayout.children[0].y должен быть числом

При попытке запустить веб-сайт в моей среде разработки появляется следующее сообщение об ошибке: Uncaught Ошибка: ReactGridLayout: ReactGridLayout.children[0].y должно быть числом! at validateLayout (app.js: 6171) в app.js:6132 в forEachSingleChild …
02 окт '18 в 16:49