@syncfusion/ej2-grids
Version:
Feature-rich JavaScript datagrid (datatable) control with built-in support for editing, filtering, grouping, paging, sorting, and exporting to Excel.
95 lines (94 loc) • 3.2 kB
TypeScript
import { IAction, IGrid, ResponsiveDialogArgs } from '../base/interface';
import { ServiceLocator } from '../services/service-locator';
import { Column } from '../models/column';
import { ResponsiveDialogAction } from '../base/enum';
/**
*
* The `ResponsiveDialogRenderer` module is used to render the responsive dialogs.
*/
export declare class ResponsiveDialogRenderer implements IAction {
private parent;
private serviceLocator;
private customResponsiveDlg;
private customFilterDlg;
private customColumnDiv;
private filterParent;
private customExcelFilterParent;
private sortedCols;
private isSortApplied;
private filterClearBtn;
private saveBtn;
private backBtn;
private sortPredicate;
private filteredCol;
private menuCol;
private isCustomDlgRender;
private isFiltered;
private isRowResponsive;
private isDialogClose;
private onActionCompleteFn;
private evtHandlers;
/** @hidden */
action: ResponsiveDialogAction;
/** @hidden */
isCustomDialog: boolean;
constructor(parent?: IGrid, serviceLocator?: ServiceLocator);
addEventListener(): void;
private customExFilterClose;
private renderCustomFilterDiv;
private renderResponsiveContextMenu;
private refreshCustomFilterClearBtn;
private refreshCustomFilterOkBtn;
private columnMenuResponsiveContent;
private renderResponsiveContent;
private getSortedFieldsAndDirections;
private sortButtonClickHandler;
private resetSortButtons;
private setSortedCols;
private getCurrentSortedFields;
private customFilterColumnClickHandler;
/**
* Function to show the responsive dialog
*
* @param {Column} col - specifies the filter column
* @param {Column} column - specifies the menu column
* @returns {void}
*/
showResponsiveDialog(col?: Column, column?: Column): void;
private setTopToChildDialog;
private renderCustomFilterDialog;
private getDialogOptions;
private renderResponsiveDialog;
private dialogCreated;
private dialogOpen;
private beforeDialogClose;
private sortColumn;
private getHeaderTitle;
private getDialogName;
private getButtonText;
/**
* Function to render the responsive header
*
* @param {Column} col - specifies the column
* @param {ResponsiveDialogArgs} args - specifies the responsive dialog arguments
* @param {boolean} isCustomFilter - specifies whether it is custom filter or not
* @returns {HTMLElement | string} returns the html element or string
*/
renderResponsiveHeader(col: Column, args?: ResponsiveDialogArgs, isCustomFilter?: boolean): HTMLElement | string;
private filterClear;
private removeCustomFilterElement;
/**
* Function to close the Responsive Column Chooser dialog.
* @returns {void}
* @hidden
*/
hideResponsiveColumnChooser(): void;
private dialogHdrBtnClickHandler;
private closeCustomDialog;
private destroyCustomFilterDialog;
private closeCustomFilter;
private removeCustomDlgFilterEle;
private keyHandler;
private editComplate;
removeEventListener(): void;
}