-
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
Drag and Drop of a jQuery widget
In order to make an object to be draggable, you need to do the following: 1. Include jqxdragdrop.js in your page. 2. Select any HTML element with jQuery. 3. Call the jqxDragDrop constructor. The sample code below demonstrates how to … Continue reading →
Posted in: jQuery, jQuery Plugins, jQuery UI, jqxCalendar
Tagged: Calendar, javascript calendar, javascript drag and drop, jQuery, jquery calendar, jQuery UI, jQWidgets, jqxcalendar, jqxdragdrop
Leave a comment
Grouping ListBox Items
Each jqxListBox item has a property called ‘group’. When this property is set in the ListBox’s initialization, the list items will be grouped depending on the ‘group’ value and a group header will be displayed above each group of list … Continue reading →
Posted in: jQuery Plugins, jQWidgets, jqxListBox
Tagged: javascript listbox, jquery listbox, 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
1 Comment
jqxDataAdapter Improvements coming with jQWidgets 2.2
In the next version of jQWidgets, the jqxDataAdapter plug-in will come with data binding improvements. These improvements will allow you to use the plug-in to populate the jqxTree or jqxMenu from JSON, JSONP, XML, CSV, TSV or Array. Let’s see … Continue reading →
Posted in: jQuery
Tagged: csv data, data adapter, hierarchical data source, jQuery Plugins, jQuery Widgets, jQWidgets, jqxdataadapter, json data, tsv data, xml data
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
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
Working with the jQuery Docking API
In this post, we will show you how to change the Docking window’s position programatically. 1. Add the Docking to your web page. In order to add the Docking widget, we need to add references to the jquery-1.7.1.min.js(jQuery Framework), jqxcore.js(jQWidgets … Continue reading →
Posted in: JavaScript, JavaScript Plugins, JavaScript Widgets, jQuery, jQuery Plugins, jQuery UI, jQuery UI Plugins, jQuery UI Widgets, jQuery Widgets, jQWidgets, jqxDock
Tagged: dock controls, dock windows, docking, docking component, docking control, docking plug-in, docking plugin, docking widget, docking windows, html5 dock windows, html5 docking, html5 docking windows, javascript dock, javascript docking, jquery components, jquery controls, jquery dock, jquery docking, jquery docking windows, jQuery UI, jQuery UI Widgets, jQWidgets, jqxdocking, js docking
Leave a comment
jQuery Tree with Context Menu
In this post, we will Add and Remove Tree Items by using a Context Menu. When the user right clicks on a Tree Item, a Context Menu with ‘Add Item’ and ‘Remove Item’ menu items will be displayed. The ‘Add … Continue reading →
Posted in: JavaScript, JavaScript Plugins, JavaScript Widgets, jQuery, jQuery Plugins, jQuery UI, jQuery UI Plugins, jQuery UI Widgets, jQuery Widgets, jQWidgets, jqxMenu, jqxTree
Tagged: context menu, dropdown menu, html5 menu, html5 tree, html5 tree widget, html5 treeview, JavaScript Menu, javascript popup menu, javascript tree, jquery context menu plugin, jQuery Menu, jQuery Menu Plugin, jQuery Menu Widget, jquery popup menu, jQuery Tree, jQuery UI, jQuery UI Menu, jQuery UI Widgets, jQWidgets, jqxMenu, jqxtree, menu, Menu Widget, popup menu, ui menu, web context menu, web menu
2 Comments
GridView Cells with Custom HTML
In this post we will see how to populate the GridView with this data: var data = new Array(); data[0] = { Country: “United States”, PercentageVisits: 26.19 }; data[1] = { Country: “South Korea”, PercentageVisits: 19.43 }; data[2] = { … 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: cells rendering, custom column, custom grid cells, grid cells rendering, gridview custom cells, html cells. grid cells, javascript grid, javascript gridview, jquery grid percentage column, jquery gridview, jquery ui gridview, jQWidgets, jqxGrid, percentage bars, percentage column
Leave a comment
Create a ListBox From Unordered List
In this post, we will use the jqxListBox widget and will load its items from unordered list. Let’s create a simple DIV tag with Unordered List inside. <div id=’ListBox’> <ul> <li>About Us</li> <li>Press</li> <li>Investor Relations</li> <li>Corporate Affairs</li> <li>Careers</li> <li>Showcase</li> <li>Events</li> … Continue reading →
Posted in: JavaScript, JavaScript Plugins, JavaScript Widgets, jQuery, jQuery Plugins, jQuery UI, jQuery UI Plugins, jQuery UI Widgets, jQuery Widgets, jQWidgets, jqxListBox
Tagged: html5 listbox, javascript listbox, jquery list box, jquery listbox, jQuery Plugins, jQuery UI, jQuery UI Plugins, jQuery UI Widgets, jQuery Widgets, jQWidgets, jqxlistbox, list plugin, ListBox, listbox ui, listbox widget, ui listbox
Leave a comment
Tabs Editing
In this post, we will show you how to edit the Tabs titles at run-time. The task is to open a text Input when the user double-clicks a tab title. The input should be initialized with the title of the … Continue reading →
Posted in: JavaScript, JavaScript Plugins, JavaScript Widgets, jQuery, jQuery Plugins, jQuery UI, jQuery UI Plugins, jQuery UI Widgets, jQuery Widgets, jQWidgets, jqxTabs
Tagged: html5 tab, html5 tabs, html5 tabs control, JavaScript Tabs, javascript ui tabs, jquery tab control, jquery tab strip, jQuery Tabs, jquery ui tab, jQuery UI Tabs, jQWidgets, tab component, Tab Control, tab plugin, tab title editing, tab view, tabcontrol, Tabs, tabs editing, tabs editor, Tabs Plugin, tabstrip, ui tabs
Leave a comment