ResourceFilter

A List which allows selection of resources to filter a specified eventStore to only show events for the selected resources.

Because this widget maintains a state that can be changed through the UI, it offers some of the API of an input field. It has a read only value property, and it fires a change event.

Configs

97

Common

listenersEvents

Other

The EventStore to filter. Events for resources which are deselected in this List will be filtered out.

filterResources: Boolean= false

By default, deselecting list items filters only the eventStore so that events for the deselected resources are hidden from view. The resourceStore is not filtered.

Configure this as true to also filter the resourceStore so that deselected resources are also hidden from view (They will remain in this List)

masterFilter: function | String

An optional filter function to apply when loading resources from the project's resource store. Defaults to loading all resources.

This is called using this ResourceFilter as the this object.

ParameterTypeDescription
resourceResourceModel

Resorce for filtering

Returns: Boolean -

Returns true to include the passed resource

Configure as false to only allow selecting one resource at a time

useResourceColor: Boolean= true

Configure as false to not use the Resource`s color field to style the checkbox

columnWidget
itemsList
rtlRTL
spanWidget
storeList
titleList

Accessibility

ariaLabelWidget
keyMapKeyMap

CSS

clsWidget
colorWidget
htmlClsWidget
styleWidget
uiWidget

DOM

adoptWidget
appendToWidget
contentWidget
datasetWidget
htmlWidget
idWidget
tagWidget

Float & align

alignWidget
anchorWidget
centeredWidget
draggableWidget
floatingWidget
xWidget
yWidget

Layout

alignSelfWidget
dockWidget
flexWidget
heightWidget
hiddenWidget
marginWidget
maxHeightWidget
maxWidthWidget
minHeightWidget
minWidthWidget
textAlignWidget
weightWidget
widthWidget

Misc

dataFieldWidget
disabledWidget
localeClassLocalizable
localizableLocalizable
maskedWidget
ownerWidget
readOnlyWidget
refWidget
rippleWidget
tabWidget
tooltipWidget

Scrolling

Properties

79

Class hierarchy

isResourceFilter: Boolean= truereadonly
Identifies an object as an instance of ResourceFilter class, or subclass thereof.
isResourceFilter: Boolean= truereadonlystatic
Identifies an object as an instance of ResourceFilter class, or subclass thereof.
isDelayableDelayable
isEventsEvents
isKeyMapKeyMap
isListList
isLocalizableLocalizable
isWidgetWidget

Other

Configure as false to only allow selecting one resource at a time

value: ResourceModel[]readonly

An array encapsulating the currently selected resources.

$namestaticWidget
columnWidget
countList
itemsList
rtlRTL
spanWidget
storeList
titleList
typestaticWidget

Accessibility

keyMapKeyMap

CSS

clsWidget

DOM

appendToWidget
contentWidget
datasetWidget
elementWidget
htmlWidget
idWidget
styleWidget

Float & align

xWidget
yWidget

Layout

alignSelfWidget
flexWidget
heightWidget
marginWidget
maxHeightWidget
maxWidthWidget
minHeightWidget
minWidthWidget
widthWidget

Lifecycle

configBase

Misc

cellInfoWidget
disabledWidget
localeHelperLocalizable
localeManagerLocalizable
readOnlyWidget
refWidget
tabWidget
tooltipWidget

Visibility

hiddenWidget
isVisibleWidget

Widget hierarchy

ownerWidget
parentWidget

Functions

65

Configuration

applyDefaultsstaticBase

Events

Float & align

alignToWidget
setXYWidget
showByWidget
toFrontWidget

Lifecycle

createstaticWidget
destroystaticBase
initClassstaticWidget

Misc

attachTooltipstaticWidget
fromElementstaticWidget
fromSelectorstaticWidget
getByIdstaticWidget
isOfTypeNamestaticBase
mixinstaticBase
optionalLstaticLocalizable

Other

composeWidget
createOnFrameDelayable
disableWidget
enableWidget
focusWidget
LstaticLocalizable
maskWidget
onEvents
recomposeWidget
relayAllEvents
triggerEvents
unEvents
unmaskWidget

Selection

selectList

Visibility

hideWidget
showWidget

Widget hierarchy

closestWidget
containsWidget
ownsWidget
queryWidget
queryAllWidget
upWidget

Events

20

Fired when this widget's selection changes

// Adding a listener using the "on" method
resourceFilter.on('change', ({ value, oldValue, source }) => {

});
ParameterTypeDescription
valueString

This field's value

oldValueString

This field's previous value

sourceField

This ResourceFilter

catchAllEvents
destroyEvents
focusInWidget
focusOutWidget
hideWidget
itemList
paintWidget
readOnlyWidget
recomposeWidget
resizeWidget
showWidget

Event handlers

20

Called when this widget's selection changes

new ResourceFilter({
    onChange({ value, oldValue, source }) {

    }
});
ParameterTypeDescription
valueString

This field's value

oldValueString

This field's previous value

sourceField

This ResourceFilter

onDestroyEvents
onFocusInWidget
onHideWidget
onItemList
onPaintWidget
onResizeWidget
onShowWidget

Typedefs

6

CSS variables

39
NameDescription
--b-resource-filter-item-selected-backgroundBackground to use for selected items in the resource filter list

Inherited