Powerful JavaScript input components

List of Services

    Wijmo's wide range of input components meets the needs of any application.

    • Create and enter data quickly and efficiently using mouse or touch
    • Specialization and optimization by data type
    • Supports Angular, React, and Vue
    Download

    Wijmo's input components are designed to enable easy and efficient data entry using a mouse or touch. Wijmo's diverse input components, specialized and optimized for each data type, meet all your application needs.

    JavaScript dropdown input control

    • DropDown

      The DropDown component is an abstract class used as a base for several components. It consists of an input element, a dropdown button, and a dropdown element.

    • ComboBox

      Wijmo's JavaScript ComboBox component lets you select and edit both strings and objects in a list. It includes features like number and date support, multi-column dropdowns, and custom HTML content.

    • Autocomplete

      Expand functionality by automatically filtering dropdown items based on user input. Customize search parameters, filter features, and integrate asynchronous loading when loading large data sets.

    • ListBox

      Displays a list of items containing plain text or HTML and allows the user to select items using the mouse or keyboard. ListBox supports multiple selections and item templates, as well as a string array or object array for the itemsSource.

    • MultiSelect

      Extend the ComboBox control and add a checkbox to each item in the drop-down list. Customize the cells of the MultiSelect control by setting the items to be checked based on properties within the object and setting custom HTML.

    • MultiSelectAutoComplete

      The user can select multiple items from the control's data set. The control displays a drop-down menu that matches the control's current input and displays the currently selected item.

    JavaScript date and time input controls

    • calender

      Set a date range from which users can select, confirm user selections, and customize each date cell within the calendar.

    • InputDate

      Select a date by entering a date value in the drop-down control or by expanding it and selecting it from the Calendar control.

    • InputTime

      Wijmo's InputTime control extends the ComboBox class to allow easy entry and editing of time values.

    • InputDateTime

      Extend the InputDate control to allow users to select from a range of dates and times. Users can either enter a date and time in the input element or expand the dropdown and select a value from the dropdown list.

    • InputDateRange

      The InputDateRange control extends Wijmo's InputDate control and configures it to support editing date ranges. You can specify a custom date range for users to select, or use a multi-month calendar in the dropdown to select a date range using the mouse or keyboard.

    JavaScript numeric input control

    InputNumber

    The InputNumber control is an input control that allows users to enter and edit numbers. You can format the number, set step values to increase or decrease the control's value, and set minimum and maximum ranges for the values that can be entered.

    demo

    InputMask

    Validate and format user input to prevent users from entering invalid dates. Set prompt characters, such as asterisks, to represent Social Security numbers, and retrieve raw data with the prompt characters removed.

    demo

    JavaScript menu control

    menu

    The Menu control extends Wijmo's ComboBox class, adding features such as a non-editable header, an itemClicked event, and commands. This allows you to attach methods to the control that execute based on the selected element in the menu.

    demo

    Pop-up

    Wijmo's JavaScript popup controls can be attached to other elements on the screen and are displayed when the user interacts with them. You can define transitions when the popup display changes, or allow users to drag and resize the popup control.

    demo

    JavaScript color picker control

    InputColor

    Wijmo's JavaScript InputColor component extends the ColorPicker control and places it in a dropdown component. This allows users to select a color by entering a hexadecimal color value into the dropdown.

    demo

    ColorPicker

    Wijmo's ColorPicker control is a panel that allows users to select a color. The ColorPicker can be customized to display hexadecimal values, alpha values, and change the palette displayed to the user.

    demo

    Ask anything!

    Please share your concerns and questions about Wijmo with MESCIUS's expert team. We empathize with your concerns and provide assistance.

    Online product consultation Developer Forum (Technical Support)

    Tips for Using JavaScript Input Controls

    View more articles

    Discover more ways to use Wijmo.

    Implementing Numeric Pagination in Wijmo

    Explains how to customize numeric paging.

    Creating a MultiColumn ComboBox

    Explains how to create a multi-column dropdown using Wijmo's ComboBox control, CSS styles, ComboBox's header path, and properties.

    Full Wijmo control

    data grid

    DataGrid (FlexGrid)

    OLAP PivotGrid

    Spreadsheet

    MultiRow

    TransposedGrid

    TreeGrid


    Data visualization

    Chart(FlexChart)

    Bar & Column

    Line & Area

    Scatter

    Pie & Sunburst

    Radar & Polar

    Specialized Charts

    FinancialChart

    Maps (FlexMap)

    OLAP PivotChart

    Gauges

    Barcode

    QRCode

    map

    Choropleth Map

    Scatter Map

    Bubble Map

    Navigation & Layout

    Menu

    Popup

    Ribbon

    Tabs

    TreeView


    Input & Editor

    InputsDropDowns

    DateTime

    Numeric

    Colors


    designer

    Wijmo Designer

    VSCode Designer Extension


    viewer

    PdfViewer

    ReportViewer

    Frameworks & Integrations

    Angular

    React

    View

    Web Components

    TypeScript

    ES6


    commonness

    Events

    Globalization

    Glyphs

    Themes

    Data Management

    CollectionView

    REST

    Once

    Firestore

    OAuth

    OLAP


    Printing & Documents

    Print Document

    PDF

    XLSX

    Ask anything!

    Please share your concerns and questions about Wijmo with MESCIUS's expert team. We empathize with your concerns and provide assistance.

    Online product consultation Developer Forum (Technical Support)

    Wijmo Tutorial

    You can check out the demo and learn how to implement it in practice through the tutorial.


    Provides code for Angular, React, and Vue frameworks.

    Go to online tutorial

    Referencing the Wijmo library

    Local referencing

    CDN referencing

    NPM referencing

    Easily customize Wijmo controls!

    Wijmo CSS Theme Designer

    Easily create design themes using the Wijmo CSS Theme Designer and apply the created CSS to your Wijmo controls!

    Using the Wijmo CSS Theme Designer

    Wijmo Control Properties Editor

    Easily customize the settings of Wijmo controls using the Wijmo Control Properties Editor. You can modify and check the settings for over 20 different controls. Download these settings and quickly and easily apply them to your web without any additional coding.

    Using the Wijmo Control Properties Editor

    Our Customers

    Here Study

    Smart Online Education Bachelor's Management Solution

    #Education #Report #Dashboard

    SW development company I

    Online Commerce AI Big Data Analysis Solution

    #Distribution #Excel #Dashboard

    Gross

    Infrastructure Solutions

    #SW development #manufacturing #dashboard

    Introduction Case

    Explore more MESCIUS product adoption examples.

    Wijmo Pricing and Licenses

    If you want to create JavaScript-based web solutions using Wijmo's UI controls, you will need to purchase both a developer license and a deployment license.

    * All amounts are exclusive of VAT.

    Developer License

    This is the license required to use the official Wijmo JavaScript library.

    ￦1,494,000

    * You must purchase 1 copy per developer.

    Distribution License

    This is a license required to deploy Wijmo's controls on a server, and must be purchased for each domain address or IP address that will ultimately be served.

    ￦1,000,000

    * Once registered, domains and IPs cannot be modified.

    * Please make sure to do a final check before requesting.

    FAQ

    - How to run Wijmo sample files

    - How to register Wijmo distribution licensing

    Application for distribution key issuance

    To deploy Wijmo controls on a server, you must purchase a deployment license and receive a deployment key.

    Please apply for a distribution key through the distribution key issuance portal.

    Introduction Inquiry

    If you need more detailed product and purchase advice regarding Wijmo, please contact us using a method that is convenient for you.

    Request for product and purchase consultation
    Check online quotes and request quotes

    Purchase Procedure

    Click on each button to see detailed information about each step of the purchasing process.

    • 1. Price confirmation and quote request

    • You can request a quote using any of the methods below:
    • Online quote confirmation and quote request
    • 1670-0583
    • sales-kor@mescius.com

    Controls for Web Developers

    • SpreadJS

      Pure JavaScript-based Web-Excel component
      • Supports Excel import/export
      • Supports 450 Excel functions
      • Supports Angular, React, and VueJS
      Learn more

    • ActiveReportsJS

      JavaScript-based business reporting component
      • Supports Angular, React, and Vue
      • Provides a cross-platform designer program
      • Provides a JavaScript report viewer
      Learn more

    • Forguncy

      A business web development solution built with Excel without coding.
      • Easy and quick web implementation with Excel features
      • Web development without HTML & CSS
      • Data collection and integration solution
      Learn more

    • DsExcel

      High-performance Java & Kotlin / .NET-based Excel spreadsheet API library
      • Create, load, edit, and save spreadsheets
      • Parse, convert, and share spreadsheets
      • Calculate formulas and format cells
      Learn DsExcel Java
      Learn about DsExcel .NET