-
Resent Posts
- jQWidgets Now Supports Angular 20
- jQWidgets ver. 23.0.0
- Natural Language Filtering in jqxGrid: Simplicity Meets Intelligence
- Smart UI ver. 23.0
- Unlock the Full Power of jqxGrid in 2025: A Must-Have Data Grid for Modern Web Apps
- Introducing New Features in Smart.Editor: A Game-Changer for Productivity
Tags
angular angular components angular grid chart charting ComboBox datagrid grid gridview html5 Grid JavaScript javascript chart javascript grid javascript gridview javascript listbox javascript splitter jQuery jquery chart jquery datagrid jquery grid jquery grid plugin jquery gridview jquery listbox jQuery Plugins jquery splitter jQuery Tree jQuery UI jquery ui grid jQuery UI Plugins jQuery UI Widgets jQuery Widgets jQWidgets jqxchart jqxGrid jqxlistbox jqxsplitter ListBox listbox widget react reactjs split container splitter tree treeview vueCategories
- ANGULAR
- Angular 2
- angular 4
- angular 5
- Angular 6
- ANGULAR GRID
- angular tree
- Angular5
- angular7
- angular8
- AngularJS
- ASP .NET
- ASP.NET Core Tag Helpers
- ASP.NET Core Tag Helpers
- ASP.NET Core Tag Helpers
- Chart
- custom elements
- Grid
- html elements
- JavaScript
- JavaScript Plugins
- JavaScript UI
- JavaScript UI Plugins
- JavaScript UI Widgets
- JavaScript Widgets
- jQuery
- jQuery Plugins
- jQuery UI
- jQuery UI Plugins
- jQuery UI Widgets
- jQuery Widgets
- jQWidgets
- jqxButton
- jqxCalendar
- jqxChart
- jqxCheckBox
- jqxComboBox
- jqxDateTimeInput
- jqxDock
- jqxDropDownList
- jqxExpander
- jqxGrid
- jqxInput
- jqxListBox
- jqxMaskedInput
- jqxMenu
- jqxNavigationBar
- jqxNumberInput
- jqxProgressBar
- jqxRadioButton
- jqxRating
- jqxResponse
- jqxRibbon
- jqxScrollBar
- jqxSlider
- jqxSplitter
- jqxTabs
- jqxTooltip
- jqxTree
- jqxTreeMap
- jqxValidator
- jqxWindow
- PHP
- Pivot Grid
- React
- react grid
- React Javascript Library
- REACTJS
- typescript
- Uncategorized
- VUE
- VUEJS
Populate jQuery DropDownList with data from MySql Database using PHP
This post illustrates how to connect the jqxDropDownList widget to MySql Database using PHP. We will obtain the data from MySql Database and especially the Northwind Database. You can download the Northwind database .sql script here and run it into … Continue reading →
Posted in: JavaScript, JavaScript Plugins, JavaScript UI, JavaScript UI Plugins, JavaScript UI Widgets, JavaScript Widgets, jQuery, jQuery Plugins, jQuery UI, jQuery UI Plugins, jQuery UI Widgets, jQuery Widgets, jQWidgets, jqxDropDownList, PHP
Tagged: bind dropdownlist to mysql database, DropDownList, dropdownlist php, load data from mysql database, load data from mysqldatabase, mysql database, php dropdown, php dropdownlist, php list, use dropdownlist with php
1 Comment
jQuery Switch Button
In the next version of jQWidgets, we will release a new type of Toggle Button widget, called jqxSwitchButton. jqxSwitchButton represents a jQuery widget with behavior similar to the jqxToggleButton. Its a simple button widget that has two states – checked … Continue reading →
Posted in: JavaScript, JavaScript Plugins, JavaScript UI, JavaScript UI Plugins, JavaScript UI Widgets, JavaScript Widgets, jQuery, jQuery Plugins, jQuery UI, jQuery UI Plugins, jQuery UI Widgets, jQuery Widgets, jQWidgets, jqxButton
Tagged: button widget, html5 button, html5 switch button, ipad button, ipad switch button, iphone button, javascript switch button, jquery switch button, jqxswitchbutton, mobile switch button, mobile toggle button, switch button, switch button plugin, switch button widget, toggle button
Leave a comment
Bind jQuery ListBox to XML Data
In this post, we will show you how to populate the ListBox from XML Data Source. 1. Add references to the following javascript and CSS files. We will use the Data Adapter plug-in and we need to load the jqxdata.js … Continue reading →
Posted in: JavaScript, JavaScript Plugins, JavaScript UI, JavaScript UI Plugins, JavaScript UI Widgets, JavaScript Widgets, jQuery, jQuery Plugins, jQuery UI, jQuery UI Plugins, jQuery UI Widgets, jQuery Widgets, jQWidgets, jqxListBox
Tagged: bind listbox to xml data, bind listbox to xml data source, Html5, html5 listbox, html5 listbox plugin, javascript listbox, jquery listbox, jquery listbox from xml, jquery listbox plugin, jQuery ListBox Widget, jquery ui listbox, jquery ui listbox plugin, jquery ui listbox widget, jQuery UI Plugins, jQuery UI Widgets, jQWidgets, jqxlistbox, ListBox, listbox plugin, listbox widget, listbox xml data source, load from xml, load listbox from xml, xml data listbox, xml data source
Leave a comment
Arrange jQuery Widgets or HTML elements with Dock Layout Panel
The jqxDockPanel widget represents a container for other widgets or html elements. It arranges its inner elements depending on the value of the ‘dock’ attribute. The possible ‘dock’ attribute values are: ‘left, right, top and bottom’. Lets take a look … Continue reading →
Posted in: JavaScript, JavaScript Plugins, JavaScript UI, JavaScript UI Plugins, JavaScript UI Widgets, JavaScript Widgets, jQuery, jQuery Plugins, jQuery UI, jQuery UI Plugins, jQuery UI Widgets, jQuery Widgets, jQWidgets
Tagged: arrange html elements, dock, dock layout, dock panel, docking layout, html layout, html5 dock layout, javascript dock layout, javascript ui, javascript ui plugins, javascript widgets, jquery dock layout, jQuery Plugins, jQuery UI, jQuery UI Widgets, jQuery Widgets, jqxDockPanel
Leave a comment
Using ASP .NET Web Service with jqxGrid
In a few steps, we will show you how to load the jqxGrid with data coming from ASP .NET Web Service. 1. Create a new ASP.NET Web Application. 2. Add the following files to the Scripts folder. “jqxbuttons.js, jqxcore.js, jqxdata.js, … Continue reading →
Posted in: JavaScript, JavaScript Plugins, JavaScript Widgets, jQuery, jQuery Plugins, jQuery UI, jQuery UI Plugins, jQuery UI Widgets, jQuery Widgets, jQWidgets, jqxGrid
Tagged: .net datagrid, .net grid, .net gridview, asp .net datagrid, asp .net datagridview, asp .net grid, asp .net web service, asp grid, asp gridview, bind grid to asp .net, grid web service, gridview, javascript gridview, jquery grid, jquery grid control, jquery gridview, populate grid from asp .net web service
Leave a comment
Bind jQuery ComboBox to Remote Data using JSONP
Let’s see how to add the jqxComboBox widget to a web page and populate it with remote data. We will use the Geonames JSONP Service to populate our ComboBox with data. 1. Add references to the JavaScript and CSS Stylesheet … Continue reading →
Posted in: JavaScript, JavaScript Plugins, JavaScript Widgets, jQuery, jQuery Plugins, jQuery UI, jQuery UI Plugins, jQuery UI Widgets, jQuery Widgets, jQWidgets, jqxComboBox
Tagged: bind combobox to remote data, combo box, ComboBox, combobox component, combobox control, combobox jsonp, HTML5 ComboBox, Javascript ComboBox, jQuery ComboBox, jquery combobox plugin, jQuery ComboBox Widget, jQuery UI, jQuery UI ComboBox, jQuery UI Plugins, jQuery UI Widgets, jqxComboBox
Leave a comment
Three-Pane Splitter
In this post, we will show you how to create a simple three pane splitter. 1. Create the HTML structure for the Splitters. The jqxSplitter widget requires at least 3 DIV tags – 1 container DIV and 2 nested DIV … Continue reading →
Posted in: JavaScript, JavaScript Plugins, JavaScript Widgets, jQuery, jQuery Plugins, jQuery UI, jQuery UI Plugins, jQuery UI Widgets, jQuery Widgets, jQWidgets, jqxSplitter
Tagged: border layout, horizontal splitter, javascript splitter, jquery layout plugin, jquery split container, jquery splitter, jquery ui splitter, jqwidgets splitter, jqxsplitter, layout plugin, nested layout, nested splitter, nested splitters, split bar, split container, split layout, split widget, splitter, splitter plugin, splitter widget, splitters, three-pane splitter, vertical splitter
2 Comments
jQWidgets releases new jQuery plug-ins and updated UI widgets
We are happy to announce the availability of jQWidgets ver. 1.8. The new version brings many new features and updates in the suite. The full release notes can be found here: Release Notes. Highlights New Validator plug-in Improve the validation … Continue reading →
Posted in: JavaScript, JavaScript Plugins, JavaScript Widgets, jQuery, jQuery Plugins, jQuery UI, jQuery UI Plugins, jQuery UI Widgets, jQuery Widgets, jQWidgets, jqxButton, jqxCalendar, jqxChart, jqxCheckBox, jqxComboBox, jqxDateTimeInput, jqxDock, jqxDropDownList, jqxExpander, jqxGrid, jqxListBox, jqxMaskedInput, jqxMenu, jqxNavigationBar, jqxNumberInput, jqxProgressBar, jqxRadioButton, jqxRating, jqxScrollBar, jqxSlider, jqxSplitter, jqxTabs, jqxTooltip, jqxTree, jqxWindow
Tagged: chart, charting, datagridview, dragdrop, forms validation, grid, grid popup editing, gridview, html5 chart, html5 Grid, html5 plugins, html5 tree, html5 ui, html5 widgets, interactive charts, javascript grid, javascript validation, jQuery ComboBox, jquery dropdownlist, jquery listbox, jQuery Plugins, jQuery ScrollBar, jQuery Slider, jQuery UI, jQuery UI Plugins, jQuery UI Widgets, jquery validation, jQuery Widgets, jQuery Window, tree, treeview, validator
Leave a comment
Getting the clicked Grid row’s data
To trigger when the user clicks on a grid row, you can use the jqxGrid’s ‘rowselect’ event(if the selection mode is set to ‘singlerow’, ‘multiplerows’ or ‘multiplerowsextended’), otherwise in the cells selection modes(‘singlecell’, ‘multiplecells’ or ‘multiplecellsextended’) the grid raises the … Continue reading →
Posted in: JavaScript, JavaScript Plugins, JavaScript Widgets, jQuery, jQuery Plugins, jQuery UI, jQuery UI Plugins, jQuery UI Widgets, jQuery Widgets, jQWidgets, jqxGrid
Tagged: datagrid control, datagridview, datagridview plugin, grid control, gridview, gridview control, gridview plugin, html5 datagridview, html5 Grid, html5 gridview, javascript gridview, jquery ui grid, jquery ui gridview, jqxGrid
Leave a comment
Dynamically Enable/Disable a Button inside a Dialog
Assume that you want to allow your users to create a new account, if they enter information into all fields. In this blog post, we will use the jqxButton and jqxWindow widgets. In order to use the Button and Window, … Continue reading →
Posted in: JavaScript, JavaScript Plugins, JavaScript Widgets, jQuery, jQuery Plugins, jQuery UI, jQuery UI Plugins, jQuery UI Widgets, jQuery Widgets, jQWidgets, jqxButton, jqxWindow
Tagged: button, button component, button control, dialog, dialog control, html5 button, html5 dialog, html5 dialog plugin, html5 window, javascript button, javascript dialog, javascript dialog form, javascript popup window, javascript window, jquery button, jquery buttons, jquery cancel button, jquery dialog plugin, jQuery Dialog Window, jquery form, jquery login dialog, jquery login form, jQuery UI, jquery ui button, jQuery Window, jquery window plugin, jQWidgets, jqxbutton, jqxWindow, user interface, window, window component, window control
Leave a comment