多语言展示
当前在线:1744今日阅读:155今日分享:35

前端控件集Wijmo Input模块主要功能概览

Wijmo 是用TypeScript编写的新一代JavaScript/HTML5控件集,秉承触控优先的设计理念,在全球率先支持AngularJS,并提供性能卓越、零依赖的FlexGrid 和图表等多个控件。这里介绍Wijmo Input模块的主要功能。
工具/原料

JavaScript控件:Wijmo

方法/步骤
1

InputDate编辑日期值或者从下拉日历选择一个日期。 使用控件的value属性将控件绑定到JavaScript的Date值。 使用min和max属性来限制有效的日期范围。

2

InputTime编辑时间值或者从下拉列表选中时间。 使用控件的value属性将控件绑定到JavaScript的Date值。 使用min和max属性来限制有效的时间范围。 使用step属性选择显示在下拉列表的时间值之间的间隔。

3

InputDateTime使用两个独立的下拉控件编辑JavaScript Date值的日期和时间部分。 使用控件的value属性将控件绑定到JavaScript的Date值。

4

InputNumber编辑数字值或者使用微调按钮来增加或者减少当前值。 使用控件的value属性将控件绑定到JavaScript的变量。 使用min和max属性来限制有效的数字范围。 使用step属性来选择,当用户点击微调按钮时增加的值。

5

InputMask使用一个掩码编辑字符串,掩码可以阻止非法输入并且跳过原义字符。

6

ComboBox从一个自动完成的列表中选择来选择值。 使用isEditable属性决定用户是否可以键入列表之外的值。 使用displayMemberPath和displayValuePath属性从带有复杂对象(例如键/值对)的表格中选择值。

7

AutoComplete从列表中选择从服务器动态取回的值。 AutoComplete控件在用户键入时会从服务器取回选项。 这允许控件对于巨大的列表也可以工作,将这个巨大列表完全加载到客户端是不现实的。

8

MultiSelect从包含自定义对象或带有复选框的简单字符串的下拉列表选择多个项。

9

DropDown通过从下拉列表中选择来选择值或者调用命令。

10

Calendar从一个月份日历中选择一个日期,通过日期,月份,年份导航。 使用min和max属性来限制可选的日期。 控件会显示在InputDate的下拉部分。

11

Menu从下拉列表的选项中选择一个选项。 Menu控件支持MVVM命令,每个选项都会有 执行命令和决定在当前应用状态下是否执行命令的方法。

12

ListBox显示一列包含普通文本或HTML的值,允许用户选择一个值。 这个控件显示在ComboBox, AutoComplete, TimePicker和Menu控件的下拉部分。

13

ColorPicker通过从一个自定义的调色板或者编辑它的组件(色调,饱和度,亮度和透明度)来选择一个颜色。 这个控件显示在InputColor的下拉部分。

14

InputColor通过挑选编辑HTML的规范或使用显示ColorPicker控件的下拉框来选择一个颜色。

15

Popup将HTML元素作为对话框或工具提示显示。 显示为对话框的Popup控件位于页面中央,可能是模态也可能是非模态。 显示为工具提示的Popup控件会固定在宿主控件,可能显示任意的内容。

推荐信息