JsonSchema form generation

edited August 11 in Technical questions

Хочу сгенерировать на странице несколько форм с html5 элементами, имея их описание в jsonschema. Возможно ли это сделать средствами только webix?
Есть несколько сторонних библиотек, позволяющих это делать. Я попробовал использовать https://github.com/joshfire/jsonform.

Принципиально она генерирует 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);

На выходе получается нечто следующее
https://gyazo.com/136542317ac16abf08fdb2dd6ed18179,
https://gyazo.com/9345d86fa2b8b5d47d9933dab12099c9
)

Как можно задать привязку по высоте к содержимому в гармошке на скрине?
и чтобы все длинные по высоте accordion-компоненты уезжали вниз за экран (без скроллов)

Буду рад любой помощи. И спасибо за хорошую библиотеку.

Tagged:
Sign In or Register to comment.

Howdy, Stranger!

It looks like you're new here. If you want to get involved, click one of these buttons!