stannislav Aug 13 2015 at 14:03

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

7 min

24K

Website development*JavaScript*HTML*

Comments 13

UFO just landed and posted this here

stannislav Aug 13 2015 at 16:31

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

kaatula Aug 14 2015 at 07:32

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

asave Aug 25 2015 at 11:16

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

Arceny Aug 13 2015 at 20:43

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

stannislav Aug 14 2015 at 09:37

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

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 Aug 13 2015 at 23:54

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

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

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

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

stannislav Aug 14 2015 at 09:50

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

webix.com/snippet/150b6d58

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

SOLON7 Aug 14 2015 at 07:29

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

nos Aug 14 2015 at 10:28

С валидацией там вроде все пучком — и обьявлять можно и динамически валидировать. Вот примеры 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 Aug 14 2015 at 14:58

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

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

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

stannislav Aug 14 2015 at 17:28

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

stannislav Aug 14 2015 at 17:30

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

Show the best of all time