@syncfusion/ej2-angular-schedule
Version:
Flexible scheduling library with more built-in features and enhanced customization options similar to outlook and google calendar, allowing the users to plan and manage their appointments with efficient data-binding support. for Angular
116 lines (115 loc) • 4.82 kB
TypeScript
import { ViewContainerRef } from '@angular/core';
import { ComplexBase, ArrayBase } from '@syncfusion/ej2-angular-base';
import * as i0 from "@angular/core";
/**
* `e-resources` directive represent a resources of the Angular Schedule.
* It must be contained in a Schedule component(`ejs-schedule`).
* ```html
* <ejs-schedule>
* <e-resources>
* <e-resource field='RoomId' name='Rooms'></e-resource>
* <e-resource field='OwnerId' name='Owners'></e-resource>
* </e-resources>
* </ejs-schedule>
* ```
*/
export declare class ResourceDirective extends ComplexBase<ResourceDirective> {
private viewContainerRef;
directivePropList: any;
/**
* When set to true, allows multiple selection of resource names, thus creating multiple instances of same appointment for the
* selected resources.
* @default false
*/
allowMultiple: any;
/**
* It maps the `color` field from the dataSource, which is used to specify colors for the resources.
* @default 'Color'
*/
colorField: any;
/**
* It maps the `cssClass` field from the dataSource, which is used to specify different styles to each resource appointments.
* @default 'CssClass'
*/
cssClassField: any;
/**
* Assigns the resource dataSource
* The data can be passed either as an array of JavaScript objects,
* or else can create an instance of [`DataManager`](http://ej2.syncfusion.com/documentation/data/api-dataManager.html)
* in case of processing remote data and can be assigned to the `dataSource` property.
* With the remote data assigned to dataSource, check the available
* [adaptors](http://ej2.syncfusion.com/documentation/data/adaptors.html) to customize the data processing.
* @default []
*/
dataSource: any;
/**
* It maps the `endHour` field from the dataSource, which is used to specify different work end hour for each resources.
* @default 'EndHour'
*/
endHourField: any;
/**
* It maps the `expanded` field from the dataSource, which is used to specify whether each resource levels
* in timeline view needs to be maintained in an expanded or collapsed state by default.
* @default 'Expanded'
*/
expandedField: any;
/**
* A value that binds to the resource field of event object.
* @default null
*/
field: any;
/**
* It maps the `groupID` field from the dataSource, which is used to specify under which parent resource,
* the child should be grouped.
* @default 'GroupID'
*/
groupIDField: any;
/**
* It maps the `id` field from the dataSource and is used to uniquely identify the resources.
* @default 'Id'
*/
idField: any;
/**
* It represents a unique resource name for differentiating various resource objects while grouping.
* @default null
*/
name: any;
/**
* Defines the external [`query`](http://ej2.syncfusion.com/documentation/data/api-query.html)
* that will be executed along with the data processing.
* @default null
*/
query: any;
/**
* It maps the `startHour` field from the dataSource, which is used to specify different work start hour for each resources.
* @default 'StartHour'
*/
startHourField: any;
/**
* It maps the `text` field from the dataSource, which is used to specify the resource names.
* @default 'Text'
*/
textField: any;
/**
* It holds the title of the resource field to be displayed on the schedule event editor window.
* @default null
*/
title: any;
/**
* It maps the working days field from the dataSource, which is used to specify different working days for each resources.
* @default 'WorkDays'
*/
workDaysField: any;
constructor(viewContainerRef: ViewContainerRef);
static ɵfac: i0.ɵɵFactoryDeclaration<ResourceDirective, never>;
static ɵdir: i0.ɵɵDirectiveDeclaration<ResourceDirective, "e-resources>e-resource", never, { "allowMultiple": "allowMultiple"; "colorField": "colorField"; "cssClassField": "cssClassField"; "dataSource": "dataSource"; "endHourField": "endHourField"; "expandedField": "expandedField"; "field": "field"; "groupIDField": "groupIDField"; "idField": "idField"; "name": "name"; "query": "query"; "startHourField": "startHourField"; "textField": "textField"; "title": "title"; "workDaysField": "workDaysField"; }, {}, never>;
}
/**
* Resource Array Directive
* @private
*/
export declare class ResourcesDirective extends ArrayBase<ResourcesDirective> {
constructor();
static ɵfac: i0.ɵɵFactoryDeclaration<ResourcesDirective, never>;
static ɵdir: i0.ɵɵDirectiveDeclaration<ResourcesDirective, "ejs-schedule>e-resources", never, {}, {}, ["children"]>;
}