Download jQuery EasyUI 1.3.6

ChangeLog
Bug

treegrid: The ‘getChecked’ method can not return correct checked rows. fixed.
tree: The checkbox does not display properly on async tree when ‘onlyLeafCheck’ property is true. fixed.

Improvement

treegrid: All the selecting and checking methods are extended from datagrid component.
linkbutton: The icon alignment is fully supported, possible values are: ‘top’,’bottom’,’left’,’right’.
linkbutton: Add ‘size’ property, possible values are: ‘small’,’large’.
linkbutton: Add ‘onClick’ event.
menubutton: Add ‘menuAlign’ property that allows the user set top level menu alignment.
combo: Add ‘panelAlign’ property, possible values are: ‘left’,’right’.
calendar: The ‘formatter’,’styler’ and ‘validator’ options are available to custom the calendar dates.
calendar: Add ‘onChange’ event.
panel: Add ‘method’,’queryParams’ and ‘loader’ options.
panel: Add ‘onLoadError’ event.
datagrid: Add ‘onBeginEdit’ event that fires when a row goes into edit mode.
datagrid: Add ‘onEndEdit’ event that fires when finishing editing but before destroying editors.
datagrid: Add ‘sort’ method and ‘onBeforeSortColumn’ event.
datagrid: The ‘combogrid’ editor has been integrated into datagrid.
datagrid: Add ‘ctrlSelect’ property that only allows multi-selection when ctrl+click is used.
slider: Add ‘converter’ option that allows users determine how to convert a value to the slider position or the slider position to the value.
searchbox: Add ‘disabled’ property.
searchbox: Add ‘disable’,’enable’,’clear’,’reset’ methods.
spinner: Add ‘readonly’ property, ‘readonly’ method and ‘onChange’ event.

Download EasyUI Package

There are two editions of EasyUI package:
GPL Edition

The GPL Edition is available under GPL License, you can use it in any GPL-licensed projects. Download jQuery EasyUI under GPL license:

Download
Commercial Edition

The Commercial Edition is also available under Commercial License, you can use it in a non-GPL/proprietary project.

Purchase
Other Versions

The other released versions of jQuery EasyUI are also available. Click here to view a listing and choose which version you would like to download.

EasyUI1.2.5 assignment problem in Numberbox

The original application has been developed with EasyUI1.2.4, recent tests found value Numberbox components are submitted to 0, so the view js code found on numberbox assignment code is as follows:

$('#number').val(23);

EasyUI1.2.4 using the code assigned to numberbox success, and can be submitted to the background save, EasyUI1.2.5 not use this assignment method setValue assignment, the modified code as follows:

$('#number').numberbox('setValue',23);

EasyUI Datagrid component getFooterRows method of using the tutorial

 
The total amount of the project need to obtain aggregated footer, so check EasyUI the datagrid documents found getFooterRows method is used to obtain the footer, then write the following code:
var footers=$('#grid').datagrid('getFooterRows');
var sum=footers.Sum_Money;

But prompted footers.Sum_Money undefined undefined, online search under relevant information, there is no suitable answer, view the source code and found getFooterRows returns an array of all footer, even though only one here in my footer, it will still return an array so try to alert the next footers.length findings suggest that length is 1, then modify the code as follows:

var footers=$('#grid').datagrid('getFooterRows');
var sum=footers[0].Sum_Money;

Download jQuery EasyUI 1.3.5

Current Version: 1.3.5

ChangeLog

Bug
  • searchbox: The ‘searcher’ function can not offer ‘name’ parameter value correctly. fixed.
  • combo: The ‘isValid’ method can not return boolean value. fixed.
  • combo: Clicking combo will trigger the ‘onHidePanel’ event of other combo components that have hidden drop-down panels. fixed.
  • combogrid: Some methods can not inherit from combo. fixed.
Improvement
  • datagrid: Improve performance on checking rows.
  • menu: Allows to append a menu separator.
  • menu: Add ‘hideOnUnhover’ property to indicate if the menu should be hidden when mouse exits it.
  • slider: Add ‘clear’ and ‘reset’ methods.
  • tabs: Add ‘unselect’ method that will trigger ‘onUnselect’ event.
  • tabs: Add ‘selected’ property to specify what tab panel will be opened.
  • tabs: The ‘collapsible’ property of tab panel is supported to determine if the tab panel can be collapsed.
  • tabs: Add ‘showHeader’ property, ‘showHeader’ and ‘hideHeader’ methods.
  • combobox: The ‘disabled’ property can be used to disable some items.
  • tree: Improve loading performance.
  • pagination: The ‘layout’ property can be used to customize the pagination layout.
  • accordion: Add ‘unselect’ method that will trigger ‘onUnselect’ event.
  • accordion: Add ‘selected’ and ‘multiple’ properties.
  • accordion: Add ‘getSelections’ method.
  • datebox: Add ‘sharedCalendar’ property that allows multiple datebox components share one calendar component.

License: GPL License Commercial License

Plugins

draggable
droppable
resizable
panel
tabs
accordion
layout
linkbutton
menubutton
splitbutton
menu
form
combo
combobox
combotree
combogrid
numberbox
validatebox
searchbox
messager
progressbar
spinner
numberspinner
timespinner
window
dialog
datagrid
propertygrid
pagination
tree
treegrid
calendar
datebox
datetimebox
slider
tooltip
parser

Download this EasyUI package:

Download jQuery EasyUI 1.3.4

Download jQuery EasyUI 1.3.4

Current Version: 1.3.4

ChangeLog

Bug
  • combobox: The onLoadSuccess event fires when parsing empty local data. fixed.
  • form: Calling ‘reset’ method can not reset datebox field. fixed.
Improvement
  • mobile: The context menu and double click features are supported on mobile devices.
  • combobox: The ‘groupField’ and ‘groupFormatter’ options are available to display items in groups.
  • tree: When append or insert nodes, the ‘data’ parameter accepts one or more nodes data.
  • tree: The ‘getChecked’ method accepts a single ‘state’ or an array of ‘state’.
  • tree: Add ‘scrollTo’ method.
  • datagrid: The ‘multiSort’ property is added to support multiple column sorting.
  • datagrid: The ‘rowStyler’ and column ‘styler’ can return CSS class name or inline styles.
  • treegrid: Add ‘load’ method to load data and navigate to the first page.
  • tabs: Add ‘tabWidth’ and ‘tabHeight’ properties.
  • validatebox: The ‘novalidate’ property is available to indicate whether to perform the validation.
  • validatebox: Add ‘enableValidation’ and ‘disableValidation’ methods.
  • form: Add ‘enableValidation’ and ‘disableValidation’ methods.
  • slider: Add ‘onComplete’ event.
  • pagination: The ‘buttons’ property accepts the existing element.

License: GPL License Commercial License

Plugins

draggable
droppable
resizable
panel
tabs
accordion
layout
linkbutton
menubutton
splitbutton
menu
form
combo
combobox
combotree
combogrid
numberbox
validatebox
searchbox
messager
progressbar
spinner
numberspinner
timespinner
window
dialog
datagrid
propertygrid
pagination
tree
treegrid
calendar
datebox
datetimebox
slider
tooltip
parser

Download this EasyUI package:

Download jQuery EasyUI 1.3.3

Current Version: 1.3.3

ChangeLog

Bug
  • datagrid: Some style features are not supported by column styler function. fixed.
  • datagrid: IE 31 stylesheet limit. fixed.
  • treegrid: Some style features are not supported by column styler function. fixed.
  • menu: The auto width of menu item displays incorrect in ie6. fixed.
  • combo: The ‘onHidePanel’ event can not fire when clicked outside the combo area. fixed.
Improvement
  • datagrid: Add ‘scrollTo’ and ‘highlightRow’ methods.
  • treegrid: Enable treegrid to parse data from element.
  • combo: Add ‘selectOnNavigation’ and ‘readonly’ options.
  • combobox: Add ‘loadFilter’ option to allow users to change data format before loading into combobox.
  • tree: Add ‘onBeforeDrop’ callback event.
  • validatebox: Dependent on tooltip plugin now, add ‘deltaX’ property.
  • numberbox: The ‘filter’ options can be used to determine if the key pressed was accepted.
  • linkbutton: The group button is available.
  • layout: The ‘minWidth’,’maxWidth’,’minHeight’,’maxHeight’ and ‘collapsible’ properties are available for region panel.
New Plugins
  • tooltip: Display a popup message when moving mouse over an element.

License: GPL License Commercial License

Plugins

draggable
droppable
resizable
panel
tabs
accordion
layout
linkbutton
menubutton
splitbutton
menu
form
combo
combobox
combotree
combogrid
numberbox
validatebox
searchbox
messager
progressbar
spinner
numberspinner
timespinner
window
dialog
datagrid
propertygrid
pagination
tree
treegrid
calendar
datebox
datetimebox
slider
tooltip
parser

Download this EasyUI package:

Download jQuery EasyUI 1.3.2

Current Version: 1.3.2

ChangeLog

Bug
  • datagrid: The loading message window can not be centered when changing the width of datagrid. fixed.
  • treegrid: The ‘mergeCells’ method can not work normally. fixed.
  • propertygrid: Calling ‘endEdit’ method to stop editing a row will cause errors. fixed.
  • tree: Can not load empty data when ‘lines’ property set to true. fixed.
Improvement
  • RTL feature is supported now.
  • tabs: Add ‘scrollBy’ method to scroll the tab header by the specified amount of pixels.
  • tabs: Add ‘toolPosition’ property to set tab tools to left or right.
  • tabs: Add ‘tabPosition’ property to define the tab position, possible values are: ‘top’,’bottom’,’left’,’right’.
  • datagrid: Add a column level property ‘order’ that allows users to define different default sort order per column.
  • datagrid: Add a column level property ‘halign’ that allows users to define how to align the column header.
  • datagrid: Add ‘resizeHandle’ property to define the resizing column position, by grabbing the left or right edge of the column.
  • datagrid: Add ‘freezeRow’ method to freeze some rows that will always be displayed at the top when the datagrid is scrolled down.
  • datagrid: Add ‘clearChecked’ method to clear all checked records.
  • datagrid: Add ‘data’ property to initialize the datagrid data.
  • linkbutton: Add ‘iconAlgin’ property to define the icon position, supported values are: ‘left’,’right’.
  • menu: Add ‘minWidth’ property.
  • menu: The menu width can be automatically calculated.
  • tree: New events are available including ‘onBeforeDrag’,’onStartDrag’,’onDragEnter’,’onDragOver’,’onDragLeave’,etc.
  • combo: Add ‘height’ property to allow users to define the height of combo.
  • combo: Add ‘reset’ method.
  • numberbox: Add ‘reset’ method.
  • spinner: Add ‘reset’ method.
  • spinner: Add ‘height’ property to allow users to define the height of spinner.
  • searchbox: Add ‘height’ property to allow users to define the height of searchbox.
  • form: Add ‘reset’ method.
  • validatebox: Add ‘delay’ property to delay validating from the last inputting value.
  • validatebox: Add ‘tipPosition’ property to define the tip position, supported values are: ‘left’,’right’.
  • validatebox: Multiple validate rules on a field is supported now.
  • slider: Add ‘reversed’ property to determine if the min value and max value will switch their positions.
  • progressbar: Add ‘height’ property to allow users to define the height of progressbar.

License: GPL License Commercial License

Plugins

draggable
droppable
resizable
panel
tabs
accordion
layout
linkbutton
menubutton
splitbutton
menu
form
combo
combobox
combotree
combogrid
numberbox
validatebox
searchbox
messager
progressbar
spinner
numberspinner
timespinner
window
dialog
datagrid
propertygrid
pagination
tree
treegrid
calendar
datebox
datetimebox
slider
parser

Download this EasyUI package:

Download jQuery EasyUI 1.3.1

Current Version: 1.3.1

ChangeLog

Bug
  • datagrid: Setting the ‘pageNumber’ property is not valid. fixed.
  • datagrid: The id attribute of rows isn’t adjusted properly while calling ‘insertRow’ or ‘deleteRow’ method.
  • dialog: When load content from ‘href’, the script will run twice. fixed.
  • propertygrid: The editors that extended from combo can not accept its changed value. fixed.
Improvement
  • droppable: Add ‘disabled’ property.
  • droppable: Add ‘options’,’enable’ and ‘disable’ methods.
  • tabs: The tab panel tools can be changed by calling ‘update’ method.
  • messager: When show a message window, the user can define the window position by applying ‘style’ property.
  • window: Prevent script on window body from running twice.
  • window: Add ‘hcenter’,’vcenter’ and ‘center’ methods.
  • tree: Add ‘onBeforeCheck’ callback event.
  • tree: Extend the ‘getChecked’ method to allow users to get ‘checked’,’unchecked’ or ‘indeterminate’ nodes.
  • treegrid: Add ‘update’ method to update a specified node.
  • treegrid: Add ‘insert’ method to insert a new node.
  • treegrid: Add ‘pop’ method to remove a node and get the removed node data.

License: GPL License Commercial License

Plugins

draggable
droppable
resizable
panel
tabs
accordion
layout
linkbutton
menubutton
splitbutton
menu
form
combo
combobox
combotree
combogrid
numberbox
validatebox
searchbox
messager
progressbar
spinner
numberspinner
timespinner
window
dialog
datagrid
propertygrid
pagination
tree
treegrid
calendar
datebox
datetimebox
slider
parser

Download this EasyUI package:

EasyUI Portal Extension

Step 1: Create an HTML Page

    <div id="pp" style="width:800px;height:500px;">
        <div style="width:33%"></div>
        <div style="width:33%"></div>
        <div style="width:33%"></div>
    </div>

Step 3: Add panel widgets to this portal

    // create the panel
    var p = $('<div></div>').appendTo('body');
    p.panel({
        title: 'My Title',
        height:150,
        closable: true,
        collapsible: true
    });

    // add the panel to portal
    $('#pp').portal('add', {
        panel: p,
        columnIndex: 0
    });

Properties

Name Type Description Default
width number The width of portal. auto
height number The height of portal. auto
border boolean Defines if to show portal border. false
fit boolean When true to set the portal size fit it’s parent container. false

Events

Name Parameters Description
onStateChange none Fires when users drag and drop a panel.
onResize width,height Fires when the portal size is changed.

Methods

Name Parameter Description
options none Return the options object.
resize param Set the portal size, the ‘param’ parameter contains following properties:
width: the new width of portal.
height: the new height of portal.
getPanels columnIndex Get the specified column panels, when columnIndex parameter is not assigned, return all panels.
add param Add a new panel, the ‘param’ parameter contains following properties:
panel: the panel object to be added.
columnIndex: the column index to be inserted.
remove panel Remove and destroy the specified panel.
disableDragging panel Disable the dragging feature for a panel.
enableDragging panel Enable the dragging feature for a panel.

Download the EasyUI Extension:

Download jQuery EasyUI 1.3

Download jQuery EasyUI 1.3

Current Version: 1.3

ChangeLog

Bug
  • combogrid: When set to ‘remote’ query mode, the ‘queryParams’ parameters can’t be sent to server. fixed.
  • combotree: The tree nodes on drop-down panel can not be unchecked while calling ‘clear’ method. fixed.
  • datetimebox: Setting ‘showSeconds’ property to false cannot hide seconds info. fixed.
  • datagrid: Calling ‘mergeCells’ method can’t auto resize the merged cell while header is hidden. fixed.
  • dialog: Set cache to false and load data via ajax, the content cannot be refreshed. fixed.
Improvement
  • The HTML5 ‘data-options’ attribute is available for components to declare all custom options, including properties and events.
  • More detailed documentation is available.
  • panel: Prevent script on panel body from running twice.
  • accordion: Add ‘getPanelIndex’ method.
  • accordion: The tools can be added on panel header.
  • datetimebox: Add ‘timeSeparator’ option that allows users to define the time separator.
  • pagination: Add ‘refresh’ and ‘select’ methods.
  • datagrid: Auto resize the column width to fit the contents when the column width is not defined.
  • datagrid: Double click on the right border of columns to auto resize the columns to the contents in the columns.
  • datagrid: Add ‘autoSizeColumn’ method that allows users to adjust the column width to fit the contents.
  • datagrid: Add ‘getChecked’ method to get all rows where the checkbox has been checked.
  • datagrid: Add ‘selectOnCheck’ and ‘checkOnSelect’ properties and some checking methods to enhance the row selections.
  • datagrid: Add ‘pagePosition’ property to allow users to display pager bar at either top,bottom or both places of the grid.
  • datagrid: The buffer view and virtual scroll view are supported to display large amounts of records without pagination.
  • tabs: Add ‘disableTab’ and ‘enableTab’ methods to allow users to disable or enable a tab panel.

License: GPL License Commercial License

Plugins

draggable
droppable
resizable
panel
tabs
accordion
layout
linkbutton
menubutton
splitbutton
menu
form
combo
combobox
combotree
combogrid
numberbox
validatebox
searchbox
messager
progressbar
spinner
numberspinner
timespinner
window
dialog
datagrid
propertygrid
pagination
tree
treegrid
calendar
datebox
datetimebox
slider
parser

Download this EasyUI package: