Wijmo 是一款采用 TypeScript 編寫的新一代 JavaScript/HTML5 控件集，以觸控優(yōu)先的設(shè)計(jì)理念為基礎(chǔ)，在全球范圍內(nèi)率先支持 AngularJS，并提供性能卓越、零依賴的 F

Wijmo 是一款采用 TypeScript 編寫的新一代 JavaScript/HTML5 控件集，以觸控優(yōu)先的設(shè)計(jì)理念為基礎(chǔ)，在全球范圍內(nèi)率先支持 AngularJS，并提供性能卓越、零依賴的 FlexGrid 和圖表等多個(gè)控件。本文將重點(diǎn)介紹 Wijmo Input 模塊的主要功能。

InputDate

InputDate 允許用戶編輯日期值或從下拉日歷中選擇日期。通過控件的 value 屬性將其綁定到 JavaScript 的 Date 值上，同時(shí)可以利用 min 和 max 屬性限制有效的日期范圍。

InputTime

InputTime 功能類似于 InputDate，用戶可以編輯時(shí)間值或從下拉列表中選擇時(shí)間。同樣，通過 value 屬性綁定到 JavaScript 的 Date 值上，使用 min 和 max 屬性限制有效的時(shí)間范圍，并可以設(shè)置 step 屬性選擇顯示在下拉列表中的時(shí)間間隔。

InputDateTime

InputDateTime 提供兩個(gè)獨(dú)立的下拉控件，用于編輯 JavaScript Date 值的日期和時(shí)間部分。使用 value 屬性將其綁定到 JavaScript 的 Date 值上，實(shí)現(xiàn)日期和時(shí)間的選擇和編輯。

InputNumber

InputNumber 允許用戶編輯數(shù)字值或使用微調(diào)按鈕增加或減少當(dāng)前值。通過 value 屬性將其綁定到 JavaScript 變量，利用 min 和 max 屬性限制有效的數(shù)字范圍，使用 step 屬性確定微調(diào)按鈕增加的值。

InputMask

InputMask 使用掩碼編輯字符串，阻止非法輸入并跳過特定字符。這種方式可以有效地限制輸入內(nèi)容的格式和規(guī)范，提高數(shù)據(jù)輸入的準(zhǔn)確性。

ComboBox

ComboBox 允許用戶從一個(gè)自動(dòng)完成的列表中選擇值。通過 isEditable 屬性決定是否允許用戶鍵入列表之外的值，可以使用 displayMemberPath 和 displayValuePath 屬性從包含復(fù)雜對(duì)象的表格中選擇值。

AutoComplete

AutoComplete 允許用戶從動(dòng)態(tài)獲取的服務(wù)器列表中選擇值。在用戶輸入時(shí)，控件會(huì)動(dòng)態(tài)從服務(wù)器獲取選項(xiàng)，使得即使對(duì)于龐大的列表也能夠高效工作。

MultiSelect

MultiSelect 允許用戶從包含自定義對(duì)象或簡(jiǎn)單字符串的下拉列表中選擇多個(gè)項(xiàng)。這為用戶提供了方便快捷地選擇多個(gè)選項(xiàng)的功能。

DropDownList

DropDownList 允許用戶通過下拉列表選擇值或執(zhí)行命令。這種簡(jiǎn)單而直觀的交互方式為用戶提供了便利的選擇操作。

Calendar

Calendar 允許用戶從月份日歷中選擇日期，支持日期、月份和年份的導(dǎo)航。通過 min 和 max 屬性限制可選的日期范圍，該控件通常用于與 InputDate 結(jié)合使用。

Menu

Menu 允許用戶從下拉菜單中選擇選項(xiàng)。支持 MVVM 命令，每個(gè)選項(xiàng)都有執(zhí)行命令和決定在當(dāng)前應(yīng)用狀態(tài)下是否執(zhí)行命令的方法。

ListBox

ListBox 顯示一列包含普通文本或 HTML 值的項(xiàng)目，允許用戶選擇其中一個(gè)值。通常出現(xiàn)在 ComboBox、AutoComplete、TimePicker 和 Menu 控件的下拉部分。

ColorPicker

ColorPicker 允許用戶通過調(diào)色板或組件來選擇顏色，包括色調(diào)、飽和度、亮度和透明度。通常顯示在 InputColor 的下拉部分。

InputColor

InputColor 允許用戶選擇顏色，可以直接編輯 HTML 規(guī)范或通過 ColorPicker 控件下拉框進(jìn)行選擇。

Popup

Popup 可將 HTML 元素顯示為對(duì)話框或工具提示。對(duì)話框模式下位于頁面中央，可能是模態(tài)或非模態(tài)；工具提示模式下固定在宿主控件旁，可顯示各種內(nèi)容，提供更豐富的交互體驗(yàn)。

通過全面了解 Wijmo Input 模塊的各項(xiàng)功能，開發(fā)者可以更靈活地運(yùn)用這些控件，為用戶提供更便捷、友好的界面操作體驗(yàn)。