jQuery EasyUI Last Updated : 16 Jun, 2024 Comments Improve Suggest changes Like Article Like Report 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 JavaScript applications. You don't need to write much JavaScript code while using EasyUI. Instead, you usually define the user interface by creating basic HTML markups. Each component of EasyUI has its own properties, methods, and events which can be easily extended to make web pages easily. EasyUI jQuerySteps to Install and use EasyUIFollow the below steps to install and use jQuery EasyUI. Step 1: Download the library from the below link: https://www.jeasyui.com/download/index.phpStep 2: Add the following CSS and JavaScript files path into head section of your HTML code. <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 EasyUI jQuery using an example. Example: In this example, we will see how to design a menu button using the jQuery EasyUI menubutton 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").menubutton({ disabled: true, }); }); </script> </head> <body> <h1>GeeksforGeeks</h1> <h3>EasyUI jQuery menubutton widget</h3> <a id="gfg" class="easyui-menubutton">Menu 1</a> </body> </html> Output: jQuery EasyUI Complete ReferencesBase Widgte Reference Layout Widgte Reference Menu & button Widgte Reference Form Widgte Reference Window Widgte Reference Datagrid & Tree Widgte Reference Comment More infoAdvertise with us Next Article Easy UI jQuery Introduction H hardiksm73 Follow Improve Article Tags : Web Technologies JQuery EasyUI Tutorials Web-Tech Tutorials +1 More 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