Easy UI jQuery Introduction Last Updated : 23 May, 2022 Comments Improve Suggest changes Like Article Like Report Easy UI is an HTML5 framework for using user interface components based on jQuery, React, Angular, and Vue technologies. It helps in building features for interactive web and mobile applications saving a lot of time for developers. Features: We don't need to write much javascript code while using Easy UI; instead, you usually define the user interface by creating basic HTML markups.It provides essential functionality for developing modern javascript web applications.It provides complete functionality for HTML5 webpages.It has inbuilt components based on jquery core and HTML5 which can be used directly.Declaration: There are two ways to declare UI components as described below: Method 1: We can declare UI components directly within HTML as shown below. Here we are taking an example of EasyUI jQuery spinner Widget. <div class="easyui-spinner" style="color: red;" data-options=" "> spinner content. </div> Method 2: We can also write javascript code to create components as shown below. Here we are taking an example of EasyUI jQuery spinner Widget. <input id="cc" style="width:200px" /> <script type="text/javascript"> $(document).ready(function (){ $('#gfg').spinner({ required:true }); }); </script> Installing Easy UI: Follow the below steps to install Easy UI for jQuery. Step 1: Download the library from the link given below https://www.jeasyui.com/download/index.php Step 2: Include the following EasyUI CSS and JavaScript files on your page. <link rel="stylesheet" type="text/css" href="easyui/themes/default/easyui.css"> <link rel="stylesheet" type="text/css" href="easyui/themes/icon.css"> <script type="text/javascript" src="easyui/jquery.min.js"></script> <script type="text/javascript" src="easyui/jquery.easyui.min.js"></script> Step 3: Now you can define an EasyUI component from markup or using JavaScript. Let's understand the working of Easy UI jQuery using an example. Example: In this example, we will see how to design a spinner using the jQuery EasyUI spinner widget. HTML <!Doctype html> <html> <head> <meta charset="UTF-8"> <meta name="viewport" content="initial-scale=1.0, maximum-scale=1.0, user-scalable=no"> <!-- EasyUI specific stylesheets--> <link rel="stylesheet" type="text/css" href="themes/metro/easyui.css"> <link rel="stylesheet" type="text/css" href="themes/mobile.css"> <link rel="stylesheet" type="text/css" href="themes/icon.css"> <!--jQuery library --> <script type="text/javascript" src="jquery.min.js"> </script> <!--jQuery libraries of EasyUI --> <script type="text/javascript" src="jquery.easyui.min.js"> </script> <!--jQuery library of EasyUI Mobile --> <script type="text/javascript" src="jquery.easyui.mobile.js"> </script> <script type="text/javascript"> $(document).ready(function () { $('#gfg').spinner({ required: true }); }); </script> </head> <body> <h1>GeeksforGeeks</h1> <h3>EasyUI jQuery spinner widget</h3> <input id="gfg" class="easyui-spinner"> </body> </html> Output: Comment More infoAdvertise with us Next Article EasyUI jQuery Draggable widget N namanjaingeeksforgeeks Follow Improve Article Tags : Web Technologies JQuery EasyUI Similar Reads jQuery EasyUI EasyUI jQuery is an HTML5 framework for using user interface components based on jQuery. It helps in building features for interactive web and mobile applications saving a lot of time for developers. EasyUI jQueryWhy EasyUI? EasyUI gives you the tools that you need to create modern and interactive J 2 min read Easy UI jQuery Introduction Easy UI is an HTML5 framework for using user interface components based on jQuery, React, Angular, and Vue technologies. It helps in building features for interactive web and mobile applications saving a lot of time for developers. Features: We don't need to write much javascript code while using Ea 2 min read EasyUI jQuery Base WidgetsEasyUI jQuery Draggable widgetIn this article, we will learn how to design a draggable widget using jQuery EasyUI. EasyUI is an HTML5 framework for using user interface components based on jQuery, React, Angular, and Vue technologies. It helps in building features for interactive web and mobile applications saving a lot of time 3 min read EasyUI jQuery Resizable widgetIn this article, we will learn how to design a resizable widget using jQuery EasyUI. A resizable widget makes the given element resizable. It helps in building features for interactive web and mobile applications saving a lot of time for developers. Downloads for EasyUI for jQuery: https://www.jeasy 2 min read EasyUI jQuery pagination widgetIn this article, we will learn how to design a pagination widget using jQuery EasyUI. The pagination widget allows the user to navigate data by pages. It helps in building features for interactive web and mobile applications saving a lot of time for developers. Downloads for EasyUI for jQuery: https 2 min read EasyUI jQuery searchbox widgetIn this article, we will learn how to design a search box widget using the jQuery EasyUI search box widget allows the user to search the data by searching the value. Easy UI is an HTML5 framework for using user interface components based on jQuery, React, Angular, and Vue technologies. It helps in b 2 min read EasyUI jQuery progressbar widgetIn this article, we will learn how to design a progress bar widget using the jQuery Easy UI progress bar. The component can be created from HTML markup or programmatically. EasyUI is an HTML5 framework for using user interface components based on jQuery, React, Angular, and Vue technologies. It help 2 min read EasyUI jQuery tooltip widgetIn this article, we will learn how to design a tooltip widget using jQuery EasyUI. EasyUI is an HTML5 framework for using user interface components based on jQuery, React, Angular, and Vue technologies. It helps in building features for interactive web and mobile applications saving a lot of time fo 2 min read EasyUI jQuery Base Widget Complete ReferenceThe EasyUI jQuery has a collection of components for user-interface based on Angular, jQuery, React, and Vue, as it facilitates the necessary functionality for designing & building interactive, modern javascript applications. By using the EasyUI in jQuery, we only need to design the user interfa 1 min read EasyUI jQuery Layout WidgetsEasyUI jQuery panel widgetEasyUI is an HTML5 framework for using user interface components based on jQuery, React, Angular, and Vue technologies. It helps in building features for interactive web and mobile applications saving a lot of time for developers. In this article, we will learn how to design panels using jQuery Easy 4 min read EasyUI jQuery tabs WidgetEasyUI is an HTML5 framework for using user interface components based on jQuery, React, Angular, and Vue technologies. It helps in building features for interactive web and mobile applications saving a lot of time for developers. In this article, we will learn how to design tabs using jQuery EasyUI 4 min read EasyUI jQuery layout WidgetEasyUI is an HTML5 framework for using user interface components based on jQuery, React, Angular, and Vue technologies. It helps in building features for interactive web and mobile applications saving a lot of time for developers.In this article, we will learn how to design a layout using jQuery Eas 3 min read EasyUI jQuery Layout Widget Complete ReferenceThe EasyUI jQuery has a collection of components for user-interface based on Angular, jQuery, React, and Vue, as it facilitates the necessary functionality for designing & building interactive, modern javascript applications. By using the EasyUI in jQuery, we only need to design the user interfa 1 min read EasyUI jQuery Menu and Button WidgetsEasyUI jQuery menu widgetEasyUI is an HTML5 framework for using user interface components based on jQuery, React, Angular, and Vue technologies. It helps in building features for interactive web and mobile applications saving a lot of time for developers. In this article, we will learn how to design a menu using jQuery Easy 3 min read EasyUI jQuery sidemenu widgetEasyUI is an HTML5 framework for using user interface components based on jQuery, React, Angular, and Vue technologies. It helps in building features for interactive web and mobile applications saving a lot of time for developers. In this article, we will learn how to design sidemenu using jQuery Ea 2 min read EasyUI jQuery linkbutton widgetEasyUI is an HTML5 framework for using user interface components based on jQuery, React, Angular, and Vue technologies. It helps in building features for interactive web and mobile applications saving a lot of time for developers. In this article, we will learn how to design a link button using jQue 2 min read EasyUI jQuery menubutton widgetEasyUI is an HTML5 framework for using user interface components based on jQuery, React, Angular, and Vue technologies. It helps in building features for interactive web and mobile applications saving a lot of time for developers. In this article, we will learn how to design a menu button using jQue 2 min read EasyUI jQuery splitbutton widgetEasyUI is an HTML5 framework for using user interface components based on jQuery, React, Angular, and Vue technologies. It helps in building features for interactive web and mobile applications saving a lot of time for developers. In this article, we will learn how to design splitbutton using jQuery 2 min read EasyUI jQuery switchbuttons widgetEasyUI is an HTML5 framework for using user interface components based on jQuery, React, Angular, and Vue technologies. It helps in building features for interactive web and mobile applications saving a lot of time for developers. In this article, we will learn how to design switchbutton using jQuer 2 min read EasyUI jQuery Menu and Button Widget Complete ReferenceThe EasyUI jQuery has a collection of components for user-interface based on Angular, jQuery, React, and Vue, as it facilitates the necessary functionality for designing & building interactive, modern javascript applications. By using the EasyUI in jQuery, we only need to design the user interfa 1 min read EasyUI jQuery Form WidgetsEasyUI jQuery Form widgetEasyUI is an HTML5 framework for using user interface components based on jQuery, React, Angular, and Vue technologies. It helps in building features for interactive web and mobile applications saving a lot of time for developers. In this article, we will learn how to design form using jQuery EasyUI 3 min read EasyUI jQuery validateBox WidgetEasyUI is an HTML5 framework for using user interface components based on jQuery, React, Angular, and Vue technologies. It helps in building features for interactive web and mobile applications saving a lot of time for developers. In this article, we will learn how to design a validate box using jQu 2 min read EasyUI jQuery textbox WidgetEasyUI is an HTML5 framework for using user interface components based on jQuery, React, Angular, and Vue technologies. It helps in building features for interactive web and mobile applications saving a lot of time for developers. In this article, we will learn how to design a textbox using jQuery E 3 min read EasyUI jQuery passwordBox widgetEasyUI is an HTML5 framework for using user interface components based on jQuery, React, Angular, and Vue technologies. It helps in building features for interactive web and mobile applications saving a lot of time for developers. In this article, we will learn how to design a passwordbox using jQue 2 min read EasyUI jQuery maskedBox WidgetEasyUI is an HTML5 framework for using user interface components based on jQuery, React, Angular, and Vue technologies. It helps in building features for interactive web and mobile applications saving a lot of time for developers. In this article, we will learn how to design a masked box using jQuer 2 min read EasyUI jQuery comboBox widgetEasyUI is an HTML5 framework for using user interface components based on jQuery, React, Angular, and Vue technologies. It helps in building features for interactive web and mobile applications saving a lot of time for developers. In this article, we will learn how to design a ComboBox using jQuery 3 min read EasyUI jQuery combotree widgetEasyUI is an HTML5 framework for using user interface components based on jQuery, React, Angular, and Vue technologies. It helps in building features for interactive web and mobile applications saving a lot of time for developers. In this article, we will learn how to design a combotree using jQuery 2 min read EasyUI jQuery combogrid widgetEasyUI is a HTML5 framework for using user interface components based on jQuery, React, Angular and Vue technologies. It helps in building features for interactive web and mobile applications saving a lot of time for developers. In this article, we will learn how to design a combogrid using jQuery E 2 min read EasyUI jQuery tagbox WidgetEasyUI is a HTML5 framework for using user interface components based on jQuery, React, Angular, and Vue technologies. It helps in building features for interactive web and mobile applications saving a lot of time for developers. In this article, we will learn how to design a tagbox using jQuery Eas 2 min read EasyUI jQuery numberbox WidgetEasyUI is an HTML5 framework for using user interface components based on jQuery, React, Angular, and Vue technologies. It helps in building features for interactive web and mobile applications saving a lot of time for developers. In this article, we will learn how to design a numberbox using jQuery 2 min read EasyUI jQuery datebox widgetEasyUI is an HTML5 framework for using user interface components based on jQuery, React, Angular, and Vue technologies. It helps in building features for interactive web and mobile applications saving a lot of time for developers. In this article, we will learn how to design a datebox using jQuery E 2 min read EasyUI jQuery datetimebox widgetEasyUI is an HTML5 framework for using user interface components based on jQuery, React, Angular, and Vue technologies. It helps in building features for interactive web and mobile applications saving a lot of time for developers. In this article, we will learn how to design a datetimebox using jQue 2 min read EasyUI jQuery calendar widgetEasyUI is an HTML5 framework for using user interface components based on jQuery, React, Angular, and Vue technologies. It helps in building features for interactive web and mobile applications saving a lot of time for developers. In this article, we will learn how to design a calendar using jQuery 2 min read EasyUI jQuery spinner WidgetEasyUI is an HTML5 framework for using user interface components based on jQuery, React, Angular, and Vue technologies. It helps in building features for interactive web and mobile applications saving a lot of time for developers. In this article, we will learn how to design a spinner using jQuery E 2 min read EasyUI jQuery timespinner widgetIn this article, we will learn how to design a time spinner using jQuery EasyUI. The TimeSpinner widget combines an editable text box and two small buttons that let the user choose a time value by increasing or decreasing the time. EasyUI is an HTML5 framework for using user interface components bas 2 min read EasyUI jQuery timepicker widgetEasyUI is an HTML5 framework for using user interface components based on jQuery, React, Angular, and Vue technologies. It helps in building features for interactive web and mobile applications saving a lot of time for developers. In this article, we will learn how to design a time picker using jQue 2 min read EasyUI jQuery slider widgetEasyUI is an HTML5 framework for using user interface components based on jQuery, React, Angular, and Vue technologies. It helps in building features for interactive web and mobile applications saving a lot of time for developers. In this article, we will learn how to design a slider using jQuery Ea 3 min read EasyUI jQuery fileBbox widgetEasyUI is an HTML5 framework for using user interface components based on jQuery, React, Angular, and Vue technologies. It helps in building features for interactive web and mobile applications saving a lot of time for developers.In this article, we will learn how to design a FileBox using jQuery Ea 2 min read EasyUI jQuery checkbox widgetIn this article, we will learn how to design a checkbox using jQuery EasyUI. The checkbox widget is used for selecting multiple choices. Each choice can be enabled by clicking on the boxes. EasyUI is an HTML5 framework for using user interface components based on jQuery, React, Angular, and Vue tech 2 min read EasyUI jQuery radiobutton widgetEasyUI is an HTML5 framework for using user interface components based on jQuery, React, Angular, and Vue technologies. It helps in building features for interactive web and mobile applications saving a lot of time for developers. In this article, we will learn how to design a Radiobutton using jQue 2 min read EasyUI jQuery Form Widget Complete ReferenceThe EasyUI jQuery has a collection of components for user-interface based on Angular, jQuery, React, and Vue, as it facilitates the necessary functionality for designing & building interactive, modern javascript applications. By using the EasyUI in jQuery, we only need to design the user interfa 1 min read EasyUI jQuery Window WidgetsEasyUI jQuery window widgetIn this article, we will learn how to design a window using jQuery EasyUI. The window widget is draggable panel that can be used as an application window. It floats on the page and can be moved anywhere required. EasyUI is an HTML5 framework for using user interface components based on jQuery, React 2 min read EasyUI jQuery dialog widgetEasyUI is an HTML5 framework for using user interface components based on jQuery, React, Angular, and Vue technologies. It helps in building features for interactive web and mobile applications saving a lot of time for developers. In this article, we will learn how to design a dialog using jQuery Ea 2 min read EasyUI jQuery messager widgetEasyUI is an HTML5 framework for using user interface components based on jQuery, React, Angular and Vue technologies. It helps in building features for interactive web and mobile applications saving a lot of time for developers. In this article, we will learn how to design a messager using jQuery E 2 min read EasyUI jQuery Window Widget Complete ReferenceThe EasyUI jQuery has a collection of components for user-interface based on Angular, jQuery, React, and Vue, as it facilitates the necessary functionality for designing & building interactive, modern javascript applications. By using the EasyUI in jQuery, we only need to design the user interfa 1 min read EasyUI jQuery DataGrid and Tree WidgetsEasyUI jQuery datalist widgetEasyUI is an HTML5 framework for using user interface components based on jQuery, React, Angular, and Vue technologies. It helps in building features for interactive web and mobile applications saving a lot of time for developers. In this article, we will learn how to design a datalist using jQuery 2 min read EasyUI jQuery propertygrid widgetEasyUI is a HTML5 framework for using user interface components based on jQuery, React, Angular and Vue technologies. It helps in building features for interactive web and mobile applications saving a lot of time for developers. In this article, we will learn how to design a propertygrid using jQuer 1 min read EasyUI jQuery tree widgetEasyUI is an HTML5 framework for using user interface components based on jQuery, React, Angular and Vue technologies. It helps in building features for interactive web and mobile applications saving a lot of time for developers. In this article, we will learn how to design a combotreegrid using jQu 4 min read EasyUI jQuery treegrid WidgetEasyUI is an HTML5 framework for using user interface components based on jQuery, React, Angular, and Vue technologies. It helps in building features for interactive web and mobile applications saving a lot of time for developers. In this article, we will learn how to design treegrid using jQuery Ea 4 min read EasyUI jQuery DataGrid and Tree Widget Complete ReferenceThe EasyUI jQuery has a collection of components for user-interface based on Angular, jQuery, React, and Vue, as it facilitates the necessary functionality for designing & building interactive, modern javascript applications. By using the EasyUI in jQuery, we only need to design the user interfa 1 min read Like