Select2 v2.6.4

Select2 APEX Plugin

version 2.6.4
updated on 31/05/2016

This is not the latest version of the Select2 APEX plugin.

Please note that the Select2 plugin requires jQuery 1.7.1 or higher. This is especially important if you are on an APEX 4.1 instance which ships with version 1.6.2 of jQuery. This means that you must manually include a higher version of jQuery (1.7.1+). Neglecting to do so will result in the malfunctioning of the plugin. APEX 4.2 users are automatically on jQuery 1.7.1.

Compatibility

Oracle APEX

Version 4.1+

jQuery

Version 1.7.1+

Browsers

IE 8+
Chrome 8+
Firefox 10+
Safari 3+
Opera 10.6+

Links & Blog Posts

Meet the Select2 APEX Plugin

We all know these four item types in Oracle Application Express. The Select2 APEX plugin offers a more user-friendly alternative with enhanced functionality. Give it a try!

Single-value Select List

Text Field with Autocomplete

Multi-value Select List

Shuttle Item

Single-value Select2

Multi-value Select2

Features

Placeholder for Single-value Select Lists

Placeholder for Multi-value Select Lists

Minimum Input Length (2)

Maximum Selection Size (3)

Rapid Selection

Option Grouping

Tagging Support

Maximum Input Length while Tagging (8)

Drag and Drop Sorting while Tagging

Search Logic

Read Only Single-value Select List

7839

Read Only Multi-value Select List

7782
7900
7839

Cascading LOV Support

The Select2 APEX plugin fully supports the cascading LOV feature, including the 'Page Items to Submit' and 'Optimize Refresh' settings.

Departments

Department Employees (single)

Department Employees (multi)

Department Employees (tagging)

Lazy Loading

Employee

Employees

Dynamic Actions

The majority of the standard dynamic actions in APEX integrate well with the Select2 plugin. Please refer to the official Select2 documentation in case you encounter difficulties with dynamic actions. For example, the following code line disables a Select2 item: this.affectedElements.select2("readonly", true);

Built-in Dynamic Actions

Hide Show Disable Enable Set Value "KING" Clear

Version 2.1 of the plugin includes custom Select2 events that are available for use in dynamic actions. The item below responds to all of these events by logging a message in the browser's console.

Select2 Plugin Events

Event	Description	Data
Change	Fired when selection is changed.	`this.data.val` `this.data.added` object `this.data.removed` object
Opening	Fired before the dropdown is shown.
Open	Fired after the dropdown is shown.
Highlight	Fired when a choice is highlighted in the dropdown.	`this.data.val` `this.data.choice` object
Selecting	Fired when a choice is being selected in the dropdown.	`this.data.val` `this.data.choice` object
Clearing	Fired when a choice is being cleared in the dropdown.
Removed	Fired when a choice is removed or cleared.	`this.data.val` `this.data.choice` object
Focus	Fired when the control is focussed.
Blur	Fired when the control is blurred.