Хочу сгенерировать на странице несколько форм с html5 элементами, имея их описание в jsonschema. Возможно ли это сделать средствами только webix?
Есть несколько сторонних библиотек, позволяющих это делать. Я попробовал использовать GitHub - jsonform/jsonform: Build forms from JSON Schema. Easily template-able. Compatible with Bootstrap 3 out of the box..
Принципиально она генерирует dom-элементы в указанный тэг form, который я генерирую во ui.view-компоненте:
this.view = {
id: self.id(),
header: removeIcon + self._aspect.type_name + " : " + self._aspect.name,
body: {
template: "<form id='" + self.id() + "'></form>"
}
};
function initJsonForm() {
const id = '#' + self.id();
$(id).jsonForm({
schema: self._app._aspect.schema,
value: self._aspect.params,
});
}
// инициализуем отложенно, чтобы webix успел сгенерировать
setTimeout(initJsonForm, 10);
На выходе получается нечто следующее
Screenshot - 136542317ac16abf08fdb2dd6ed18179 - Gyazo,
Screenshot - 9345d86fa2b8b5d47d9933dab12099c9 - Gyazo
)
Как можно задать привязку по высоте к содержимому в гармошке на скрине?
и чтобы все длинные по высоте accordion-компоненты уезжали вниз за экран (без скроллов)
Буду рад любой помощи. И спасибо за хорошую библиотеку.