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!

Sign In with Facebook Sign In with Google Sign In with OpenID Sign In with Twitter