Работа с формами в Webix UI

[stannislav]

Зависит от сложности данных.
В кровавом интерпрайзе и не такое бывает

[kaatula]

Жесть, но в этом никогда не признаются :)

[asave]

Это зависит от формы. Если форма большая и в ней встречаются необязательные поля, которые в 90% случаев не заполняются, то почему бы их не спрятать?

[Arceny]

Что на счет валидаторов данных?

[stannislav]

Конкретно для формы, валидация может задаваться как для отдельных инпутов так и для все формы сразу. К примеру

webix.com/snippet/341e25f4

  view:"form",
  rules:{
    "username": webix.rules.isNotEmpty,
    "password": function(value){ return value.length>3; }
  }

таже есть механизм для задания сообщения о ошибках

webix.com/snippet/586b93e0

{view:"text", label:"Username", name:"username", invalidMessage:"Must not be empty"},

[nos]

спасибо за статью. тоже присматриваюсь к webix. хочу аналитику в «интерпрайзе» на их «datatable» и «pivot» построить.

столкнулся со сложностями динамического добавления / изменения элементов.

Вот в форме тоже хотелось бы динамически удалить / добавить элемент но оставить форму «живой»?

Как насчет такого примера?

[stannislav]

Точно также как форма создавалась, могуд добавляться ( и удаляться ) новые элементы

webix.com/snippet/150b6d58

  $$("myForm").addView({
    view:"text", label:"just added", value:0
  }, 0);

[SOLON7]

Действительно что насчет валидации ???

[nos]

С валидацией там вроде все пучком — и обьявлять можно и динамически валидировать. Вот примеры docs.webix.com/samples/13_form/04_validation
вот ссылка на доку: docs.webix.com/desktop__data_validation.html

webix.ui({
    view:"form1",
    elements:[
        { view:"text", label:'Username', name:"login" },
        { view:"text", label:'E-mail address', name:"email"},
        { view:"text", label:'Password', name:"password"},
        { view:"checkbox", labelRight:'I accept terms of use', name:"accept"}
 
    ],
    rules:{
        login: webix.rules.isNotEmpty,
        email: webix.rules.isNumber,
        phone: webix.rules.isEmail,
        accept: webix.rules.isChecked
    }
});

[thunderspb]

Видел в новостях, что оно поддерживает twitter bootstrap, однако не очень понятно как. Есть примеры? Просто выглядит интересно и удобно, но я использую темные темы для bootstrap'a…

И Chart: если примеры реализации timeline с возможностью скроллинга по времени?

А так, вполне интересный конструктор.

[stannislav]

Насколько я представляю, особой интеграции с Bootstrap нет
Библиотека может работать с бутстрапом на одной странице ( нет конфликтов ) но темы у неё свои.

[stannislav]

наверное можно подогнать темы под нужный цвет в скин билдере