Pular para o conteúdo principal

TagBox

On this page you will find TagBoxs examples as well as how to setup a TagBox.

Multiple Selection

img-box-shadow

Description

This example shows how to configure a TagBox inside a Form that:

  • Uses Custom Fields
  • Multiple Selection custom field
  • Lookup data from Workspace Store (query)

Example

Item Definition

 {
editorType: "dxTagBox",
dataField: "CMS",
saveOptions: {
type: "userfield",
fieldName: "CMS",
dataType: 7,
isMultipleSelection: true
},
label: {
text: "CMS"
},
editorOptions: {
searchEnabled: false,
dataSource: {
load: function (loadOptions) {
return SW.Store.get('DeliverableUserfields').then( r => r.find(usf => usf.ColumnName == 'CMS').LookupValues.split(';'))
},
byKey: function (e) {
if (e) {
return e;
}
}
}
}
}

Query defined in Workspace Store

img-box-shadow