Wagtail client-side components
    Preparing search index...

    Class TagController

    Attach the jQuery tagit UI to the controlled element.

    See https://github.com/aehlke/tag-it

    <input id="id_tags" type="text" name="tags" data-controller="w-tag" data-w-tag-url-value="/admin/tag-autocomplete/" />

    Example: - With delay

    <input id="id_tags" type="text" name="tags" data-controller="w-tag" data-w-tag-delay-value="300" data-w-tag-url-value="/admin/tag-autocomplete/" />

    Hierarchy

    • Controller
      • TagController
    Index

    Constructors

    constructor

    Properties

    context delayValue optionsValue tagit? urlValue blessings outlets targets values

    Accessors

    application classes data element identifier outlets scope targets shouldLoad

    Methods

    autocomplete cleanTag clear connect disconnect dispatch initialize afterLoad

    Constructors

    • Parameters

      • context: Context

      Returns TagController

    Properties

    context: Context
    delayValue: number

    Delay to use when debouncing the async tag autocomplete.

    optionsValue: any

    Options for tagit, see https://github.com/aehlke/tag-it#options

    tagit?: JQuery<HTMLElement>
    urlValue: string

    URL for async tag autocomplete.

    blessings: (<T>(constructor: Constructor<T>) => any)[]
    outlets: string[]
    targets: string[]
    values: {
        delay: { default: number; type: NumberConstructor };
        options: { default: {}; type: ObjectConstructor };
        url: { default: string; type: StringConstructor };
    } = ...

    Accessors

    • get application(): Application

      Returns Application

    • get classes(): ClassMap

      Returns ClassMap

    • get data(): DataMap

      Returns DataMap

    • get element(): ElementType

      Returns ElementType

    • get identifier(): string

      Returns string

    • get outlets(): OutletSet

      Returns OutletSet

    • get scope(): Scope

      Returns Scope

    • get targets(): TargetSet

      Returns TargetSet

    • get shouldLoad(): boolean

      Returns boolean

    Methods

    • Double quote a tag if it contains a space and if it isn't already quoted.

      Parameters

      • val: string

      Returns string

    • Parameters

      • eventName: string
      • Optional__namedParameters: Partial<
            {
                bubbles: boolean;
                cancelable: boolean;
                detail: Object;
                prefix: string;
                target: Element
                | Window
                | Document;
            },
        >

      Returns CustomEvent<Object>

    • Parameters

      • _identifier: string
      • _application: Application

      Returns void

    Settings

    Member Visibility

    On This Page

    Constructors
    Properties
    Accessors
    Methods