smart-webcomponents-angular
Version:
[](https://jqwidgets.com/license/)
77 lines (76 loc) • 6.8 kB
TypeScript
import { SortPanel } from './../index';
import { Animation, SortPanelCloseButtonPosition } from './../index';
import { AfterViewInit, ElementRef, OnInit, OnChanges, OnDestroy, SimpleChanges, EventEmitter } from '@angular/core';
import { BaseElement } from './smart.element';
import * as i0 from "@angular/core";
export { Animation, SortPanelCloseButtonPosition, ElementRenderMode } from './../index';
export { Smart } from './smart.element';
export { SortPanel } from './../index';
export declare class SortPanelComponent extends BaseElement implements OnInit, AfterViewInit, OnDestroy, OnChanges {
constructor(ref: ElementRef<SortPanel>);
private eventHandlers;
nativeElement: SortPanel;
/** @description Creates the component on demand.
* @param properties An optional object of properties, which will be added to the template binded ones.
*/
createComponent(properties?: {}): any;
/** @description Specifies the animation mode for the component. You can retrieve or assign a value to this property. When set to 'none', all animations are disabled, and the component will appear or update instantly without any transition effects. */
get animation(): Animation | string;
set animation(value: Animation | string);
/** @description Sets or retrieves the position of the close button within each item of the sort panel, allowing you to specify where the close button appears (such as left, right, or a custom location) for improved user interface customization. */
get closeButtonPosition(): SortPanelCloseButtonPosition | string;
set closeButtonPosition(value: SortPanelCloseButtonPosition | string);
/** @description Specifies the data source to be displayed in the sort panel.Each entry in the dataSource array represents a sortable column and is defined as an object with the following properties: dataField: The unique identifier for the column to be sorted, typically corresponding to a key in your dataset. dataType: The type of data contained in the column (e.g., string, number, date), which can influence sorting behavior. label: The display name of the column, as shown in the column selection menu of the sort panel. icon: The CSS class name applied to the column’s visual representation in the selection menu, allowing for custom icons or symbols. sortDirection: The initial sort direction for the column. Accepted values are 'ascending' and 'descending'. sortIndex: Determines the initial sort order among multiple columns; columns are sorted in ascending order based on this index. A value of -1 means the column is not sorted by default. */
get dataSource(): {
label: string;
dataField: string;
dataType: string;
sortDirection: string;
sortIndex: number;
}[];
set dataSource(value: {
label: string;
dataField: string;
dataType: string;
sortDirection: string;
sortIndex: number;
}[]);
/** @description Controls the visibility of the sort panel, allowing users to enable (display) or disable (hide) the panel for sorting data within the interface. */
get disabled(): boolean;
set disabled(value: boolean);
/** @description Gets or sets the unlockKey property, which is used to authenticate and grant access to the product’s locked features. This key must be provided to unlock and use the product. */
get unlockKey(): string;
set unlockKey(value: string);
/** @description Specifies or retrieves the current language code. This property determines which language is used when displaying messages, working in combination with the messages property to select the appropriate localized content. */
get locale(): string;
set locale(value: string);
/** @description A callback function associated with the localization module, typically used to handle language changes, update translations, or respond to localization-related events within the application. */
get localizeFormatFunction(): any;
set localizeFormatFunction(value: any);
/** @description Defines or retrieves an object containing the text strings displayed by the widget, allowing these strings to be customized or translated for different languages. This property works together with the locale property to support localization, enabling the widget to display content appropriate for the user’s selected or detected language. */
get messages(): any;
set messages(value: any);
/** @description If the element is set to readonly, users will be able to view its contents but will not be able to modify or edit its value. However, the element may still receive focus and allow text selection, depending on its type. No user interactions will result in changes to the element's data. */
get readonly(): boolean;
set readonly(value: boolean);
/** @description If set to true, the element will be excluded from the page's tab order and cannot receive keyboard focus, making it inaccessible via keyboard navigation or programmatic focusing methods such as element.focus(). */
get unfocusable(): boolean;
set unfocusable(value: boolean);
/** @description This event is triggered when the user clicks the "Apply" button, indicating their intent to submit or confirm their selected options or changes. It can be used to handle form submissions, apply filters, or process user input following the click action.
* @param event. The custom event. */
onApply: EventEmitter<CustomEvent>;
/** @description This event is triggered when a user clicks the "Cancel" button, allowing you to execute custom logic—such as resetting form fields, closing dialog boxes, or aborting an action—in response to the cancellation request.
* @param event. The custom event. */
onCancel: EventEmitter<CustomEvent>;
get isRendered(): boolean;
ngOnInit(): void;
ngAfterViewInit(): void;
ngOnDestroy(): void;
ngOnChanges(changes: SimpleChanges): void;
/** @description Add event listeners. */
private listen;
/** @description Remove event listeners. */
private unlisten;
static ɵfac: i0.ɵɵFactoryDeclaration<SortPanelComponent, never>;
static ɵdir: i0.ɵɵDirectiveDeclaration<SortPanelComponent, "smart-sort-panel, [smart-sort-panel]", ["smart-sort-panel"], { "animation": "animation"; "closeButtonPosition": "closeButtonPosition"; "dataSource": "dataSource"; "disabled": "disabled"; "unlockKey": "unlockKey"; "locale": "locale"; "localizeFormatFunction": "localizeFormatFunction"; "messages": "messages"; "readonly": "readonly"; "unfocusable": "unfocusable"; }, { "onApply": "onApply"; "onCancel": "onCancel"; }, never>;
}