Получение HTML-кода GridPanel в Ext JS

Question

У меня есть GridPanel, которая полностью готова и работает. В настоящее время он отображается в DOM путем вызова метода render(id) из Ext.grid.GridPanel.

Это приводит к тому, что GridPanel визуализируется прямо перед элементом html с заданным идентификатором.

Для программирования в моем API мне теперь нужен визуализированный HTML таблицы в моем JavaScript, чтобы передать его другой функции, которая может просто воздействовать на HTML-код, и я не могу изменить его по соображениям совместимости. Так что функция рендеринга ничего не возвращает, и я не знаю, как получить html или хотя бы ссылку на DOM-узел визуализированного HTML в JavaScript.

есть предложения?

Answer 1

Создайте элемент dom, скажем, d. Затем сделайте: Ext.fly (д) .replaceWith (yourGrid.getEl ())

Это должно заменить содержимое вашего созданного элемента dom содержимым сетки. Это также сохраняет все состояние, так как компонент ext все еще там.

Answer 2

Вы можете получить HTML-код узла DOM тела сетки, выполнив:

gridObject.body.dom.innerHTML

, но это не таблица ... это разметка, похожая на таблицу ...

Лучший способ получить данные сетки в HTML - добавить в сетку метод, который выводит ее данные в шаблон.

http://dev.sencha.com/deploy/dev/docs/?class=Ext.XTemplate

Answer 3

Невозможно отобразить таблицу до того, как элемент существует И ДОБАВЛЕНО В DOM , в котором должна отображаться сетка.Это действительно негибко, я думаю.Но я вынужден использовать его в проекте, поэтому мне придется изменить API на создать некоторую точку входа - DIVs для сетки EXT перед рендерингом.

Answer 4

Я не думаю, что вы на самом деле можете использовать "String" в HTML и передать его функции.Но вы должны иметь возможность получить ссылку на элемент документа, просто используя getElementById, так как вы будете знать идентификатор элемента (передайте его в конфигурацию GridPanel).Вы просто получите ссылку на элемент верхнего уровня.

Видели ли вы HTML, сгенерированный ExtJS?С ними не так приятно работать, проще работать с объектами GridPanel.