Webix FormBuilder v8.1.2

释放双眼,带上耳机,听听看~!

  Webix FormBuilder v8.1.2

  Webix只有与用户互动的外观漂亮且功能强大的工具才能帮助开发人员征服现代网络。表单是您应用程序的真正访客卡,因为填写表单期间的积极经验会增加用户的忠诚度。让我们找出通过选择Webix脚本形式可以达到多少个色点。

  HTML和Java表单

  Webix表单回答了一个有关如何以最佳方式使用Javascript创建HTML表单的问题。库的UI Form窗口小部件是功能齐全的工具,既充当众多控件的容器,又充当其值的处理器。

  Webix使用我们的UI表单,您可以:

  很好地安排输入元素;

  Webix在范围内设置和获取表单元素的值;

  使用现成的和自定义的功能验证表单值;

  将服务器端值解析为表单并将其保存回服务器;

  检查表单状态并控制其中的焦点。

  Webix该库提供两种类型的Javascript形式:Form小部件和HTMLForm小部件。前一种是将Webix控件作为元素的纯Javascript形式,而后一种是标准HTML输入的包装。

  与UI Form一样,HTMLForm小部件也提供了用于获取和设置值的表单JS函数,但是其验证可能性以及控件的选择仅限于HTML。因此,在本文中,我们将仅谈论UI Form小部件。

  表单控件和输入类型

  UI库提供了许多脚本控件,以帮助数据输入并使其尽可能可视化。按钮,输入类型以及选择框和值选择器多种多样,因此即使在计划阶段,您也不会感到无聊:

  尽管该库的蓝色按钮是最著名的,但是单击和按下按钮的操作仍然很多:彩色按钮,方向按钮,带有图像和图标的按钮,两个状态的按钮(jávascript切换),分段按钮和可单击的图标。

  除了标准文本字段外,您还会发现具有自动补全和自动格式设置的类似输入。还有一些特定的控件可用于搜索(脚本搜索)和收集同构文本值(多文本)。

  您可以看一下用于放置长文本的Textarea,并且,如果您需要为键入的文本添加样式,则可以使用专用的Rich Textarea控件(Richtext)。

  没有高级的选择控件,无法获得任何速写形式,因此本节将是最丰富的。您可能需要选择。

  数字。在这种情况下,Counter,Slider和RangeSlider控件是适当的;

  日期。在这里,我们可以提供Datepicker和DaterangePicker;

  颜色。您可能已经猜到了,Colorpicker可以为您提供帮助;

  只是“是”或“否”。Checkbox是这一领域不可挑战的领导者,因此请使用同名控件

  任何文本值。对于简单的选择,请使用Radio或Richselect,如果需要在输入字段中键入文本,请查看Combo。

  Webix几个文本值。对于简单选择,请使用Multiselect,如果需要在输入字段中键入文本,请使用Multicombo。

  您可以通过以下方式明智地将日记格式的空间组织起来:

  使用“节”类型的“模板”小部件将其分为多个节;

  将相同目的的控件放在Fieldset中;

  Webix通过组合Tabbar控件和Multiview小部件来提供标签。

  一些库控件(如“文本”,“选择”,“单选”和“复选框”)基于HTML输入,而大多数是纯javiscript表单控件。

  Webix任何Webix窗口小部件都可以是表单控件

  Webix这么大声的标题将使上面的部分变得毫无意义,但让我们仔细研究一下这个概念。

  从版本4.3开始,该框架添加了功能强大的FormInput窗口小部件,该控件允许将任何Webix窗口小部件放置在表单中,使其可标记并适合表单设计。这意味着可以将任何列表列表或列表或什至其他表格放入您的表单中。

  Webix但是,FormInput控件无法通过设置和获取表单值的javi表单函数传递小部件的数据来处理它,除非此内部小部件本身具有相关的setValue()和getValue()方法。

  Datatable没有此类方法,但是您可以通过基于UI Datatable创建自定义窗口小部件来轻松添加它们:

  Webix表单生成器

  如果您需要创建许多简单的表单,但又厌倦了常规的猴子式编码,则可以看一下可以为您生成代码的Webix Form Builder可视化工具。

人已赞赏
其他

Araxis Merge序列号2021版,进行编码非常容易

2021-2-2 20:30:32

其他

electron-egg开发框架,跨平台开发框架

2021-2-3 22:09:26

0 条回复 A文章作者 M管理员
    暂无讨论,说说你的看法吧
个人中心
购物车
优惠劵
今日签到
有新私信 私信列表
搜索