diff --git a/README.md b/README.md
index b188982fbf..7da7d1530b 100644
--- a/README.md
+++ b/README.md
@@ -4,36 +4,221 @@
> The repository for *high quality* TypeScript type definitions.
-For more information see the [definitelytyped.org](http://definitelytyped.org) website.
+Also see the [definitelytyped.org](http://definitelytyped.org) website, although information in this README is more up-to-date.
-## Usage
-Include a line like this:
+## What are declaration files?
-```typescript
-///
+// Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
+```
+
+The `Project` link does not have to be to GitHub, but prefer linking to a source code repository rather than to a project website.
+
+`tsconfig.json` should look like this:
+
+```json
+{
+ "compilerOptions": {
+ "module": "commonjs",
+ "target": "es6",
+ "noImplicitAny": true,
+ "strictNullChecks": false,
+ "baseUrl": "../",
+ "typeRoots": [
+ "../"
+ ],
+ "types": [],
+ "noEmit": true,
+ "forceConsistentCasingInFileNames": true
+ },
+ "files": [
+ "index.d.ts",
+ "foo-tests.ts"
+ ]
+}
+```
+
+These should be identical accross projects except that `foo-tests` will be replaced with the name of your test file,
+and you may also add the `"jsx"` compiler option if your library needs it.
+
+DefinitelyTyped members routinely monitor for new PRs, though keep in mind that the number of other PRs may slow things down.
+
+
+#### Common mistakes
+
+* First, follow advice from the [handbook](http://www.typescriptlang.org/docs/handbook/declaration-files/do-s-and-don-ts.html).
+* Formatting: Either use all tabs, or always use 4 spaces. Also, always use semicolons, and use egyptian braces.
+* `interface X {}`: An empty interface is essentially the `{}` type: it places no constraints on an object.
+* `interface Foo { new(): Foo }`:
+ This defines a type of objects that are new-able. You probably want `declare class Foo { constructor(); }
+* `namespace foo {}`:
+ Do not add a namespace just so that the `import * as foo` syntax will work.
+ If it is commonJs module with a single export, you should use the `import foo = require("foo")` syntax.
+ See more explanation [here](https://stackoverflow.com/questions/39415661/why-cant-i-import-a-class-or-function-with-import-as-x-from-y).
+* `getMeAT(): T`:
+ If a type parameter does not appear in the types of any parameters, you don't really have a generic function, you just have a disguised type assertion.
+ Prefer to use a real type assertion, e.g. `getMeAT() as number`.
+ Example where a type parameter is acceptable: `function id(value: T): T;`.
+ Example where it is not acceptable: `function parseJson(json: string): T;`.
+ Exception: `new Map()` is OK.
+
+
+#### Removing a package
+
+When a package [bundles](http://www.typescriptlang.org/docs/handbook/declaration-files/publishing.html) its own types, types should be removed from DefinitelyTyped to avoid confusion.
+Make a PR doing the following:
+* Delete the directory.
+* Add a new entry to `notNeededPackages.json`.
+ - `libraryName`: Descriptive name of the library, e.g. "Angular 2" instead of "angular2". (May be identical to "typingsPackageName".)
+ - `typingsPackageName`: This is the name of the directory you just deleted.
+ - `sourceRepoURL`: This should point to the repository that contains the typings.
+ - `asOfVersion`: A stub will be published to `@types/foo` with this version. Should be higher than any currently published version.
+* Any other packages in DefinitelyTyped that referenced the deleted package should be updated to reference the bundled types.
+ To do this, add a `package.json` with `"dependencies": { "foo": "x.y.z" }`.
+
+
+## FAQ
+
+#### What exactly is the relationship between this repository and the `@types` packages on NPM?
+
+The `types-2.0` branch is automatically published to the `@types` scope on NPM thanks to [types-publisher](https://github.com/Microsoft/types-publisher).
+This usually happens within an hour of changes being merged.
+
+Changes to the `master` branch are also manually merged into the `types-2.0` branch, but this takes longer.
+
+#### I'm writing a definition that depends on another definition. Should I use ` {
diff --git a/angular-ui-router-default/angular-ui-router-default-tests.ts b/angular-ui-router-default/angular-ui-router-default-tests.ts
new file mode 100644
index 0000000000..2b6bfbe61e
--- /dev/null
+++ b/angular-ui-router-default/angular-ui-router-default-tests.ts
@@ -0,0 +1,39 @@
+/// {
+ return $q.when("concrete");
+ }
+ })
+ .state('injection_str', {
+ abstract: true,
+ default: ["$rootScope", function($rootScope) {
+ return $rootScope.test;
+ }]
+ })
+ .state('injection_promise', {
+ abstract: true,
+ default: ["$q", function($q: ng.IQService) {
+ return $q.when("concrete");
+ }]
+ })
+ ;
+ });
diff --git a/angular-ui-router-default/angular-ui-router-default.d.ts b/angular-ui-router-default/angular-ui-router-default.d.ts
new file mode 100644
index 0000000000..9d102681cf
--- /dev/null
+++ b/angular-ui-router-default/angular-ui-router-default.d.ts
@@ -0,0 +1,17 @@
+// Type definitions for angular-ui-router-default 0.5+
+// Project: https://github.com/nonplus/angular-ui-router-default
+// Definitions by: Stepan Riha
+// Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
+
+/// )
+ | (string | ((...args: any[]) => string))[]
+ | (string | ((...args: any[]) => ng.IPromise))[];
+ interface IState {
+ default?: StateDefaultSpecifier
+ }
+}
diff --git a/angular-ui-router-uib-modal/angular-ui-router-uib-modal-tests.ts b/angular-ui-router-uib-modal/angular-ui-router-uib-modal-tests.ts
new file mode 100644
index 0000000000..3f14b2a40f
--- /dev/null
+++ b/angular-ui-router-uib-modal/angular-ui-router-uib-modal-tests.ts
@@ -0,0 +1,30 @@
+///
+// Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
+
+/// ;
+ var tValue: TValue;
+ var promiseTValue: angular.IPromise;
var $q: angular.IQService;
var promiseAny: angular.IPromise;
@@ -348,6 +354,22 @@ namespace TestQ {
let result: angular.IPromise;
result = $q.when(tResult);
result = $q.when(promiseTResult);
+
+ result = $q.when(tValue, (result: TValue) => tResult);
+ result = $q.when(tValue, (result: TValue) => tResult, (any) => any);
+ result = $q.when(tValue, (result: TValue) => tResult, (any) => any, (any) => any);
+
+ result = $q.when(promiseTValue, (result: TValue) => tResult);
+ result = $q.when(promiseTValue, (result: TValue) => tResult, (any) => any);
+ result = $q.when(promiseTValue, (result: TValue) => tResult, (any) => any, (any) => any);
+
+ result = $q.when(tValue, (result: TValue) => promiseTResult);
+ result = $q.when(tValue, (result: TValue) => promiseTResult, (any) => any);
+ result = $q.when(tValue, (result: TValue) => promiseTResult, (any) => any, (any) => any);
+
+ result = $q.when(promiseTValue, (result: TValue) => promiseTResult);
+ result = $q.when(promiseTValue, (result: TValue) => promiseTResult, (any) => any);
+ result = $q.when(promiseTValue, (result: TValue) => promiseTResult, (any) => any, (any) => any);
}
}
diff --git a/angular/index.d.ts b/angular/index.d.ts
index 713e959d51..ede4733708 100644
--- a/angular/index.d.ts
+++ b/angular/index.d.ts
@@ -1043,6 +1043,7 @@ declare namespace angular {
* @param value Value or a promise
*/
when(value: IPromise|T): IPromise;
+ when(value: IPromise|T, successCallback: (promiseValue: T) => IPromise|TResult, errorCallback?: (reason: any) => any, notifyCallback?: (state: any) => any): IPromise;
/**
* Wraps an object that might be a value or a (3rd party) then-able promise into a $q promise. This is useful when you are dealing with an object that might or might not be a promise, or if the promise comes from a source that can't be trusted.
*/
diff --git a/angular/legacy/angular-sanitize-1.2-tests.ts b/angular/legacy/angular-sanitize-1.2-tests.ts
index 94bb6615ec..644d40b364 100644
--- a/angular/legacy/angular-sanitize-1.2-tests.ts
+++ b/angular/legacy/angular-sanitize-1.2-tests.ts
@@ -1,10 +1,32 @@
-var shouldBeString: string;
+///////////////////////////////////////////////////////////////////////////////
+// Variables
+///////////////////////////////////////////////////////////////////////////////
+let shouldBeString: string;
+let testInputText: string = 'TEST';
-declare var $sanitizeService: ng.sanitize.ISanitizeService;
-shouldBeString = $sanitizeService(shouldBeString);
+///////////////////////////////////////////////////////////////////////////////
+// Test sanitize service
+///////////////////////////////////////////////////////////////////////////////
+declare let $sanitizeService: ng.sanitize.ISanitizeService;
+shouldBeString = $sanitizeService(testInputText);
-declare var $linky: ng.sanitize.filter.ILinky;
-shouldBeString = $linky(shouldBeString);
-shouldBeString = $linky(shouldBeString, shouldBeString);
+///////////////////////////////////////////////////////////////////////////////
+// Test `linky` filter
+///////////////////////////////////////////////////////////////////////////////
+declare let $linky: ng.sanitize.filter.ILinky;
+
+// Should be string for simple text and target parameters
+shouldBeString = $linky(testInputText, testInputText);
+
+// Should be string for simple text, target and attributes parameters
+let attributesAsFunction = () => {
+};
+shouldBeString = $linky(shouldBeString, testInputText, {
+ "attributeKey1": "attributeValue1",
+ "attributeKey2": "attributeValue2"
+});
+shouldBeString = $linky(shouldBeString, testInputText, (url: string) => {
+ return {"attributeKey1": "attributeValue1"}
+});
\ No newline at end of file
diff --git a/archiver/archiver-tests.ts b/archiver/archiver-tests.ts
index 3bef66a44c..d79b29f079 100644
--- a/archiver/archiver-tests.ts
+++ b/archiver/archiver-tests.ts
@@ -11,4 +11,12 @@ var readStream = FS.createReadStream('./archiver.d.ts');
archiver.pipe(writeStream);
archiver.append(readStream, {name: 'archiver.d.ts'});
-archiver.finalize();
\ No newline at end of file
+archiver.finalize();
+
+archiver.directory('./path', './someOtherPath');
+archiver.directory('./path', { name: "testName"} );
+
+archiver.directory('./', "", {});
+archiver.directory('./', {name: 'test'}, {});
+
+archiver.bulk({ mappaing: {} });
\ No newline at end of file
diff --git a/archiver/index.d.ts b/archiver/index.d.ts
index df824c3915..d67705e2ea 100644
--- a/archiver/index.d.ts
+++ b/archiver/index.d.ts
@@ -25,6 +25,11 @@ interface nameInterface {
interface Archiver extends STREAM.Transform {
pipe(writeStream: FS.WriteStream): void;
append(source: FS.ReadStream | Buffer | string, name: nameInterface): void;
+
+ directory(dirpath: string, destpath: nameInterface | string): void;
+ directory(dirpath: string, destpath: nameInterface | string, data: any | Function): void;
+
+ bulk(mappings: any): void;
finalize(): void;
}
diff --git a/async-polling/async-polling-tests.ts b/async-polling/async-polling-tests.ts
new file mode 100644
index 0000000000..ec9e5200f2
--- /dev/null
+++ b/async-polling/async-polling-tests.ts
@@ -0,0 +1,64 @@
+/// (pollingFunc: (end: (err?: Error, result?: Result) => any) => any, delay: number): {
+ run: () => any;
+ stop: () => any;
+ on: (eventName: AsyncPolling.EventName, listener: Function) => any;
+ }
+
+ export = AsyncPolling;
+}
\ No newline at end of file
diff --git a/awesomplete/awesomplete-tests.ts b/awesomplete/awesomplete-tests.ts
new file mode 100644
index 0000000000..8132ad4555
--- /dev/null
+++ b/awesomplete/awesomplete-tests.ts
@@ -0,0 +1,57 @@
+/// ;
+ static $$: (expr: string | NodeSelector, con?: any) => NodeList;
+ static ITEM: (text: string, input: string) => HTMLElement;
+ static $: {
+ (expr: string|Element, con?: NodeSelector): string | Element;
+ regExpEscape: (s: { replace: (arg0: RegExp, arg1: string) => void }) => any;
+ create: (tag: string, o: any) => HTMLElement;
+ fire: (target: EventTarget, type: string, properties: any) => any;
+ siblingIndex: (el: Element) => number;
+ };
+ static FILTER_STARTSWITH: (text: string, input: string) => boolean;
+ static FILTER_CONTAINS: (text: string, input: string) => boolean;
+ static SORT_BYLENGTH: (a: number | any[], b: number | any[]) => number;
+ static REPLACE: (text: any) => void;
+ next: () => void;
+ container: HTMLElement;
+ select: (selected?: HTMLElement, originalTarget?: HTMLElement) => void;
+ previous: () => void;
+ index: number;
+ opened: number;
+ list: string | string[] | Element | { label: string, value: any }[] | [string, string][];
+ input: HTMLElement | string;
+ goto: (i: number) => void;
+ ul: HTMLElement;
+ close: () => void;
+ evaluate: () => void;
+ selected: boolean;
+ open: () => void;
+ status: HTMLElement;
+}
+
+interface AwesompleteOptions {
+ list?: string | string[] | Element | { label: string, value: any }[] | [string, string][];
+ minChars?: Number;
+ maxItems?: Number;
+ autoFirst?: boolean;
+ data?: Function;
+ filter?: Function;
+ sort?: Function;
+ item?: Function;
+ replace?: Function;
+}
diff --git a/aws-lambda/aws-lambda-tests.ts b/aws-lambda/aws-lambda-tests.ts
index 72c443fab1..cad44082ab 100644
--- a/aws-lambda/aws-lambda-tests.ts
+++ b/aws-lambda/aws-lambda-tests.ts
@@ -1,12 +1,12 @@
import lambda = require('aws-lambda');
-var str: string;
-var date: Date;
-var anyObj: any;
-var num: number;
+var str: string = "any string";
+var date: Date = new Date();
+var anyObj: any = { abc: 123 };
+var num: number = 5;
var identity: lambda.CognitoIdentity;
-var error: Error;
-var b: boolean;
+var error: Error = new Error();
+var b: boolean = true;
var clientCtx: lambda.ClientContext;
/* Context */
@@ -35,4 +35,13 @@ function callback(cb: lambda.Callback) {
cb(null);
cb(error);
cb(null, anyObj);
-}
\ No newline at end of file
+}
+/* Compatibility functions */
+context.done();
+context.done(error);
+context.done(error, anyObj);
+context.succeed(str);
+context.succeed(anyObj);
+context.succeed(str, anyObj);
+context.fail(error);
+context.fail(str);
\ No newline at end of file
diff --git a/aws-lambda/index.d.ts b/aws-lambda/index.d.ts
index 95bc73466d..9d91c41de5 100644
--- a/aws-lambda/index.d.ts
+++ b/aws-lambda/index.d.ts
@@ -23,7 +23,9 @@ interface Context {
getRemainingTimeInMillis(): number;
// Functions for compatibility with earlier Node.js Runtime v0.10.42
- log(message: string, object: any): void;
+ // For more details see http://docs.aws.amazon.com/lambda/latest/dg/nodejs-prog-model-using-old-runtime.html#nodejs-prog-model-oldruntime-context-methods
+ done(error?: Error, result?: any): void;
+ fail(error: Error): void;
fail(message: string): void;
succeed(message: string): void;
succeed(object: any): void;
diff --git a/aws-sdk/index.d.ts b/aws-sdk/index.d.ts
index 83ecb93f53..7d70edf939 100644
--- a/aws-sdk/index.d.ts
+++ b/aws-sdk/index.d.ts
@@ -522,7 +522,8 @@ export declare module DynamoDB {
interface UpdateParam extends _DDBDC_Writer {
Key: _DDBDC_Keys;
- AttributeUpdates: {
+ UpdateExpression?: string;
+ AttributeUpdates?: {
[someKey: string]: {
Action: "PUT" | "ADD" | "DELETE";
Value: any
diff --git a/aws-serverless-express/aws-serverless-express-tests.ts b/aws-serverless-express/aws-serverless-express-tests.ts
new file mode 100644
index 0000000000..6a0d7694d9
--- /dev/null
+++ b/aws-serverless-express/aws-serverless-express-tests.ts
@@ -0,0 +1,29 @@
+///
+// Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
+
+/// = {headers: {}};
+config.headers['X-Custom-Header'] = 'baz';
+axios.post("http://example.com/", config);
+
var getRepoIssue = axios.get("https://api.github.com/repos/mzabriskie/axios/issues/1");
var axiosInstance = axios.create({
diff --git a/axios/index.d.ts b/axios/index.d.ts
index 9c4705d093..a2c5bfbd45 100644
--- a/axios/index.d.ts
+++ b/axios/index.d.ts
@@ -39,7 +39,7 @@ declare namespace Axios {
/**
* custom headers to be sent
*/
- headers?: Object;
+ headers?: {[key: string]: any};
/**
* URL parameters to be sent with the request
diff --git a/bases/bases-tests.ts b/bases/bases-tests.ts
new file mode 100644
index 0000000000..5414b18764
--- /dev/null
+++ b/bases/bases-tests.ts
@@ -0,0 +1,10 @@
+///
+// Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
+
+declare module "bases" {
+ export function toAlphabet(num: number, alphabet: string): string;
+
+ export function fromAlphabet(str: string, alphabet: string): number;
+
+ export function toBase(num: number, base: number): string;
+
+ export function fromBase(str: string, base:number): number;
+
+ export let KNOWN_ALPHABETS: any;
+
+ export let NUMERALS: string;
+
+ export let LETTERS_LOWERCASE: string;
+
+ export let LETTERS_UPPERCASE: string;
+}
diff --git a/bit-array/bit-array-tests.ts b/bit-array/bit-array-tests.ts
index 5e072967d9..7c1ff57b1b 100644
--- a/bit-array/bit-array-tests.ts
+++ b/bit-array/bit-array-tests.ts
@@ -1,3 +1,4 @@
+///
+// Definitions: https://github.com/mudkipme/DefinitelyTyped
+
+declare module "bit-array" {
+
+ class BitArray {
+ /**
+ * Creates a new empty BitArray with the given length or initialises the BitArray with the given hex representation.
+ */
+ constructor(size: number, hex?: string);
+
+ /**
+ * Returns the total number of bits in this BitArray.
+ */
+ size(): number;
+
+ /**
+ * Sets the bit at index to a value (boolean.)
+ */
+ set(index: number, value: boolean): BitArray;
+
+ /**
+ * Toggles the bit at index. If the bit is on, it is turned off. Likewise, if the bit is off it is turned on.
+ */
+ toggle(index: number): BitArray;
+
+ /**
+ * Returns the value of the bit at index (boolean.)
+ */
+ get(index: number): boolean;
+
+ /**
+ * Resets the BitArray so that it is empty and can be re-used.
+ */
+ reset(): BitArray;
+
+ /**
+ * Returns a copy of this BitArray.
+ */
+ copy(): BitArray;
+
+ /**
+ * Returns true if this BitArray equals another. Two BitArrays are considered
+ * equal if both have the same length and bit pattern.
+ */
+ equals(x: BitArray): boolean;
+
+ /**
+ * Returns the JSON representation of this BitArray.
+ */
+ toJSON(): string;
+
+ /**
+ * Returns a string representation of the BitArray with bits
+ * in mathemetical order.
+ */
+ toBinaryString(): string;
+
+ /**
+ * Returns a hexadecimal string representation of the BitArray
+ * with bits in logical order.
+ */
+ toHexString(): string;
+
+ /**
+ * Returns a string representation of the BitArray with bits
+ * in logical order.
+ */
+ toString(): string;
+
+ /**
+ * Convert the BitArray to an Array of boolean values (slow).
+ */
+ toArray(): boolean[];
+
+ /**
+ * Returns the total number of bits set to one in this BitArray.
+ */
+ count(): number;
+
+ /**
+ * Inverts this BitArray.
+ */
+ not(): BitArray;
+
+ /**
+ * Bitwise OR on the values of this BitArray using BitArray x.
+ */
+ or(x: BitArray): BitArray;
+
+ /**
+ * Bitwise AND on the values of this BitArray using BitArray x.
+ */
+ and(x: BitArray): BitArray;
+
+ /**
+ * Bitwise XOR on the values of this BitArray using BitArray x.
+ */
+ xor(x: BitArray): BitArray;
+ }
+
+ export = BitArray;
+}
\ No newline at end of file
diff --git a/bonjour/bonjour-tests.ts b/bonjour/bonjour-tests.ts
new file mode 100644
index 0000000000..b97794b071
--- /dev/null
+++ b/bonjour/bonjour-tests.ts
@@ -0,0 +1,21 @@
+///
// Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
@@ -540,12 +540,17 @@ declare namespace BraintreeWeb {
* @typedef {object} field
* @property {string} selector A CSS selector to find the container where the hosted field will be inserted.
* @property {string} [placeholder] Will be used as the `placeholder` attribute of the input. If `placeholder` is not natively supported by the browser, it will be polyfilled.
- * @property {boolean} [formatInput=true] - Enable or disable automatic formatting on this field. Note: Input formatting does not work properly on Android and iOS, so input formatting is automatically disabled on those browsers.
+ * @property {string} [type] Will be used as the `type` attribute of the input. To mask `cvv` input, for instance, `type: "password"` can be used.
+ * @property {boolean} [formatInput=true] - Enable or disable automatic formatting on this field.
+ * @property {object|boolean} [select] If truthy, this field becomes a `` dropdown list. This can only be used for `expirationMonth` and `expirationYear` fields.
+ * @property {string[]} [select.options] An array of 12 strings, one per month. This can only be used for the `expirationMonth` field. For example, the array can look like `['01 - January', '02 - February', ...]`.
*/
interface HostedFieldsField {
selector: string;
placeholder?: string;
+ type?: string;
formatInput?: boolean;
+ select?: boolean | { options: string[] };
}
/**
diff --git a/bull/index.d.ts b/bull/index.d.ts
index 8a8de1870d..c604fe25d6 100644
--- a/bull/index.d.ts
+++ b/bull/index.d.ts
@@ -1,4 +1,4 @@
-// Type definitions for bull 0.7.0
+// Type definitions for bull 1.0.0
// Project: https://github.com/OptimalBits/bull
// Definitions by: Bruno Grieder
// Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
@@ -24,7 +24,7 @@ declare module "bull" {
export interface Job {
- id: string
+ jobId: string
/**
* The custom data passed when the job was created
diff --git a/bunyan-config/bunyan-config.d.ts b/bunyan-config/bunyan-config.d.ts
new file mode 100644
index 0000000000..fb68702aee
--- /dev/null
+++ b/bunyan-config/bunyan-config.d.ts
@@ -0,0 +1,31 @@
+// Type definitions for bunyan-config 0.2.0
+// Project: https://github.com/LSEducation/bunyan-config
+// Definitions by: Cyril Schumacher
+// Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
+
+/// tag */
- public Where(): CamlBuilder.IFieldExpression;
+ Where(): CamlBuilder.IFieldExpression;
/** Generate tag for SP.CamlQuery
- @param viewFields If omitted, default view fields are requested; otherwise, only values for the fields with the specified internal names are returned.
- Specifying view fields is a good practice, as it decreases traffic between server and client. */
- public View(viewFields?: string[]): CamlBuilder.IView;
+ @param viewFields If omitted, default view fields are requested; otherwise, only values for the fields with the specified internal names are returned.
+ Specifying view fields is a good practice, as it decreases traffic between server and client. */
+ View(viewFields?: string[]): CamlBuilder.IView;
/** Generate tag for SPServices */
- public ViewFields(viewFields: string[]): CamlBuilder.IFinalizableToString;
+ ViewFields(viewFields: string[]): CamlBuilder.IFinalizableToString;
/** Use for:
- 1. SPServices CAMLQuery attribute
- 2. Creating partial expressions
- 3. In conjunction with Any & All clauses
- */
+ 1. SPServices CAMLQuery attribute
+ 2. Creating partial expressions
+ 3. In conjunction with Any & All clauses
+ */
static Expression(): CamlBuilder.IFieldExpression;
+ static FromXml(xml: string): CamlBuilder.IRawQuery;
}
declare namespace CamlBuilder {
interface IView extends IJoinable, IFinalizable {
@@ -29,24 +30,24 @@ declare namespace CamlBuilder {
}
interface IJoinable {
/** Join the list you're querying with another list.
- Joins are only allowed through a lookup field relation.
- @param lookupFieldInternalName Internal name of the lookup field, that points to the list you're going to join in.
- @alias alias for the joined list */
+ Joins are only allowed through a lookup field relation.
+ @param lookupFieldInternalName Internal name of the lookup field, that points to the list you're going to join in.
+ @alias alias for the joined list */
InnerJoin(lookupFieldInternalName: string, alias: string): IJoin;
/** Join the list you're querying with another list.
- Joins are only allowed through a lookup field relation.
- @param lookupFieldInternalName Internal name of the lookup field, that points to the list you're going to join in.
- @alias alias for the joined list */
+ Joins are only allowed through a lookup field relation.
+ @param lookupFieldInternalName Internal name of the lookup field, that points to the list you're going to join in.
+ @alias alias for the joined list */
LeftJoin(lookupFieldInternalName: string, alias: string): IJoin;
}
interface IJoin extends IJoinable {
/** Select projected field for using in the main Query body
- @param remoteFieldAlias By this alias, the field can be used in the main Query body. */
+ @param remoteFieldAlias By this alias, the field can be used in the main Query body. */
Select(remoteFieldInternalName: string, remoteFieldAlias: string): IProjectableView;
}
interface IProjectableView extends IView {
/** Select projected field for using in the main Query body
- @param remoteFieldAlias By this alias, the field can be used in the main Query body. */
+ @param remoteFieldAlias By this alias, the field can be used in the main Query body. */
Select(remoteFieldInternalName: string, remoteFieldAlias: string): IProjectableView;
}
enum ViewScope {
@@ -57,7 +58,7 @@ declare namespace CamlBuilder {
/** */
FilesOnly = 2,
}
- interface IQuery {
+ interface IQuery extends IGroupable {
Where(): IFieldExpression;
}
interface IFinalizableToString {
@@ -70,21 +71,21 @@ declare namespace CamlBuilder {
}
interface ISortable extends IFinalizable {
/** Adds OrderBy clause to the query
- @param fieldInternalName Internal field of the first field by that the data will be sorted (ascending)
- @param override This is only necessary for large lists. DON'T use it unless you know what it is for!
- @param useIndexForOrderBy This is only necessary for large lists. DON'T use it unless you know what it is for!
+ @param fieldInternalName Internal field of the first field by that the data will be sorted (ascending)
+ @param override This is only necessary for large lists. DON'T use it unless you know what it is for!
+ @param useIndexForOrderBy This is only necessary for large lists. DON'T use it unless you know what it is for!
*/
OrderBy(fieldInternalName: string, override?: boolean, useIndexForOrderBy?: boolean): ISortedQuery;
/** Adds OrderBy clause to the query (using descending order for the first field).
- @param fieldInternalName Internal field of the first field by that the data will be sorted (descending)
- @param override This is only necessary for large lists. DON'T use it unless you know what it is for!
- @param useIndexForOrderBy This is only necessary for large lists. DON'T use it unless you know what it is for!
+ @param fieldInternalName Internal field of the first field by that the data will be sorted (descending)
+ @param override This is only necessary for large lists. DON'T use it unless you know what it is for!
+ @param useIndexForOrderBy This is only necessary for large lists. DON'T use it unless you know what it is for!
*/
OrderByDesc(fieldInternalName: string, override?: boolean, useIndexForOrderBy?: boolean): ISortedQuery;
}
interface IGroupable extends ISortable {
/** Adds GroupBy clause to the query.
- @param collapse If true, only information about the groups is retrieved, otherwise items are also retrieved. */
+ @param collapse If true, only information about the groups is retrieved, otherwise items are also retrieved. */
GroupBy(fieldInternalName: any): IGroupedQuery;
}
interface IExpression extends IGroupable {
@@ -134,17 +135,19 @@ declare namespace CamlBuilder {
DateField(internalName: string): IDateTimeFieldExpression;
/** Specifies that a condition will be tested against the field with the specified internal name, and the type of this field is DateTime */
DateTimeField(internalName: string): IDateTimeFieldExpression;
+ /** Specifies that a condition will be tested against the field with the specified internal name, and the type of this field is ModStat (moderation status) */
+ ModStatField(internalName: string): IModStatFieldExpression;
/** Used in queries for retrieving recurring calendar events.
- NOTICE: DateRangesOverlap with overlapType other than Now cannot be used with SP.CamlQuery, because it doesn't support
- CalendarDate and ExpandRecurrence query options. Lists.asmx, however, supports them, so you can still use DateRangesOverlap
- with SPServices.
- @param overlapType Defines type of overlap: return all events for a day, for a week, for a month or for a year
- @param calendarDate Defines date that will be used for determining events for which exactly day/week/month/year will be returned.
- This value is ignored for overlapType=Now, but for the other overlap types it is mandatory.
- @param eventDateField Internal name of "Start Time" field (default: "EventDate" - all OOTB Calendar lists use this name)
- @param endDateField Internal name of "End Time" field (default: "EndDate" - all OOTB Calendar lists use this name)
- @param recurrenceIDField Internal name of "Recurrence ID" field (default: "RecurrenceID" - all OOTB Calendar lists use this name)
- */
+ NOTICE: DateRangesOverlap with overlapType other than Now cannot be used with SP.CamlQuery, because it doesn't support
+ CalendarDate and ExpandRecurrence query options. Lists.asmx, however, supports them, so you can still use DateRangesOverlap
+ with SPServices.
+ @param overlapType Defines type of overlap: return all events for a day, for a week, for a month or for a year
+ @param calendarDate Defines date that will be used for determining events for which exactly day/week/month/year will be returned.
+ This value is ignored for overlapType=Now, but for the other overlap types it is mandatory.
+ @param eventDateField Internal name of "Start Time" field (default: "EventDate" - all OOTB Calendar lists use this name)
+ @param endDateField Internal name of "End Time" field (default: "EndDate" - all OOTB Calendar lists use this name)
+ @param recurrenceIDField Internal name of "Recurrence ID" field (default: "RecurrenceID" - all OOTB Calendar lists use this name)
+ */
DateRangesOverlap(overlapType: DateRangesOverlapType, calendarDate: string, eventDateField?: string, endDateField?: string, recurrenceIDField?: string): IExpression;
}
interface IBooleanFieldExpression {
@@ -201,25 +204,25 @@ declare namespace CamlBuilder {
/** Checks whether the value of the field is equal to one of the specified values */
In(arrayOfValues: Date[]): IExpression;
/** Checks whether the value of the field is equal to the specified value.
- The datetime value should be defined in ISO 8601 format! */
+ The datetime value should be defined in ISO 8601 format! */
EqualTo(value: string): IExpression;
/** Checks whether the value of the field is not equal to the specified value.
- The datetime value should be defined in ISO 8601 format! */
+ The datetime value should be defined in ISO 8601 format! */
NotEqualTo(value: string): IExpression;
/** Checks whether the value of the field is greater than the specified value.
- The datetime value should be defined in ISO 8601 format! */
+ The datetime value should be defined in ISO 8601 format! */
GreaterThan(value: string): IExpression;
/** Checks whether the value of the field is less than the specified value.
- The datetime value should be defined in ISO 8601 format! */
+ The datetime value should be defined in ISO 8601 format! */
LessThan(value: string): IExpression;
/** Checks whether the value of the field is greater than or equal to the specified value.
- The datetime value should be defined in ISO 8601 format! */
+ The datetime value should be defined in ISO 8601 format! */
GreaterThanOrEqualTo(value: string): IExpression;
/** Checks whether the value of the field is less than or equal to the specified value.
- The datetime value should be defined in ISO 8601 format! */
+ The datetime value should be defined in ISO 8601 format! */
LessThanOrEqualTo(value: string): IExpression;
/** Checks whether the value of the field is equal to one of the specified values.
- The datetime value should be defined in ISO 8601 format! */
+ The datetime value should be defined in ISO 8601 format! */
In(arrayOfValues: string[]): IExpression;
}
interface ITextFieldExpression {
@@ -322,6 +325,27 @@ declare namespace CamlBuilder {
/** DEPRECATED: "Neq" operation in CAML works exactly the same as "NotIncludes". To avoid confusion, please use NotIncludes. */
NotEqualTo(value: any): IExpression;
}
+ interface IModStatFieldExpression {
+ /** Represents moderation status ID. */
+ ModStatId(): INumberFieldExpression;
+ /** Checks whether the value of the field is Approved - same as ModStatId.EqualTo(0) */
+ IsApproved(): IExpression;
+ /** Checks whether the value of the field is Rejected - same as ModStatId.EqualTo(1) */
+ IsRejected(): IExpression;
+ /** Checks whether the value of the field is Pending - same as ModStatId.EqualTo(2) */
+ IsPending(): IExpression;
+ /** Represents moderation status as localized text. In most cases it is better to use ModStatId in the queries instead of ValueAsText. */
+ ValueAsText(): ITextFieldExpression;
+ }
+ interface IRawQuery {
+ /** Change Where clause */
+ ReplaceWhere(): IFieldExpression;
+ ModifyWhere(): IRawQueryModify;
+ }
+ interface IRawQueryModify {
+ AppendOr(): IFieldExpression;
+ AppendAnd(): IFieldExpression;
+ }
enum DateRangesOverlapType {
/** Returns events for today */
Now = 0,
@@ -330,7 +354,7 @@ declare namespace CamlBuilder {
/** Returns events for one week, specified by CalendarDate in QueryOptions */
Week = 2,
/** Returns events for one month, specified by CalendarDate in QueryOptions.
- Caution: usually also returns few days from previous and next months */
+ Caution: usually also returns few days from previous and next months */
Month = 3,
/** Returns events for one year, specified by CalendarDate in QueryOptions */
Year = 4,
@@ -340,6 +364,7 @@ declare namespace CamlBuilder {
static createViewFields(viewFields: string[]): IFinalizableToString;
static createWhere(): IFieldExpression;
static createExpression(): IFieldExpression;
+ static createRawQuery(xml: string): IRawQuery;
}
class CamlValues {
/** Dynamic value that represents Id of the current user */
diff --git a/canvas-gauges/index.d.ts b/canvas-gauges/index.d.ts
index 5dbd361872..6ba360a7ea 100644
--- a/canvas-gauges/index.d.ts
+++ b/canvas-gauges/index.d.ts
@@ -1,4 +1,4 @@
-// Type definitions for canvas-gauges
+// Type definitions for canvas-gauges v2.0.8
// Project: https://github.com/Mikhus/canvas-gauges
// Definitions by: Mikhus
// Definitions: https://github.com/Mikhus/DefinitelyTyped
diff --git a/cash/cash.d.ts b/cash/cash.d.ts
new file mode 100644
index 0000000000..efa108e5f8
--- /dev/null
+++ b/cash/cash.d.ts
@@ -0,0 +1,495 @@
+// Type definitions for Cash
+// Project: https://github.com/kenwheeler/cash
+// Definitions by: Ashok Vishwakarma
+// Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
+
+/**
+ * OffsetType
+ * return type for cash.offset(), cash.position()
+ */
+interface OffsetType {
+ top: number;
+ left: number;
+}
+
+/**
+ * CashStatic
+ * Static declaration for CashJs accessible directly using Cash object or $
+ */
+interface CashStatic {
+ /**
+ * isArray
+ * Check if the argument is an array.
+ * @type method
+ * @argument any
+ * @return boolean
+ */
+ isArray(n: any): boolean;
+
+ /**
+ * isFunction
+ * Check if the argument is a function.
+ * @type method
+ * @argument any
+ * @return boolean
+ */
+ isFunction(n: any): boolean;
+
+ /**
+ * isNumeric
+ * Check if the argument is numeric.
+ * @type method
+ * @type method
+ * @argument any
+ * @return boolean
+ */
+ isNumeric(n: any): boolean;
+
+ /**
+ * isString
+ * Check if the argument is a string.
+ * @type method
+ * @argument str any
+ * @return boolean
+ */
+ isString(str: any): boolean;
+
+ /**
+ * extend
+ * Extends target object with properties from the source object. If no target is provided, cash itself will be extended.
+ * @type method
+ * @argument target any, source any
+ */
+ extend(target: any, source: any): any;
+
+ /**
+ * matches
+ * Checks a selector against an element, returning a boolean value for match.
+ * @type method
+ * @argument element Cash, selector string
+ * @return boolean
+ */
+ matches(element: Cash, selector: string): boolean;
+
+ /**
+ * parseHTML
+ * Returns a collection from an HTML string.
+ * @type method
+ * @argument htmlString string
+ * @return Cash
+ */
+ parseHTML(htmlString: string): Cash;
+
+ /**
+ * each
+ * Iterates through a collection and calls the callback method on each.
+ * @type method
+ * @argument collection Array, callback Function
+ * @return Array
+ */
+ each(collection: Array, callback: Function): Array;
+
+ /**
+ * fn: use to extend cash for plugin development
+ * @type property
+ */
+ fn: any;
+
+ /**
+ * selector declaration for Cash to use $()
+ */
+ (selector: string, context?: Element|Cash): Cash;
+ (element: Element): Cash;
+ (elementArray: Element[]): Cash;
+}
+
+/**
+ * Cash
+ * Interface for CashJs
+ * Refer https://github.com/kenwheeler/cash for documentation and uses of the methods and properties
+ */
+interface Cash {
+ /**
+ * add
+ * Returns a new collection with the element(s) added to the end.
+ */
+ add(selector: string|Cash|Element, context?: Element): Cash;
+
+ /**
+ * addClass
+ * Adds the className argument to collection elements.
+ */
+ addClass(c: string): Cash;
+
+ /**
+ * after
+ * Inserts content or elements after the collection.
+ */
+ after(selector: Element|String): Cash;
+
+ /**
+ * append
+ * Appends the target element to the each element in the collection.
+ */
+ append(content: string|Element|Cash): Cash;
+
+ /**
+ * appendTo
+ * Adds the elements in a collection to the target element(s).
+ */
+ appendTo(parent: string|Element|Cash): Cash;
+
+ /**
+ * attr
+ * Without attrValue, returns the attribute value of the first element in the collection.
+ * With attrValue, sets the attribute value of each element of the collection.
+ */
+ attr(name: string): any;
+ attr(name: string, value: string): Cash;
+
+ /**
+ * before
+ * Inserts content or elements before the collection.
+ */
+ before(selector: string|Element): Cash;
+
+ /**
+ * children
+ * Without a selector specified, returns a collection of child elements.
+ * With a selector, returns child elements that match the selector.
+ */
+ children(selector?: string): Cash;
+
+ /**
+ * closest
+ * Returns the closest matching selector up the DOM tree.
+ */
+ closest(selector?: string): Cash;
+
+ /**
+ * clone
+ * Returns a clone of the collection.
+ */
+ clone(): Cash;
+
+ /**
+ * css
+ * Returns a CSS property value when just property is supplied.
+ * Sets a CSS property when property and value are supplied, and set multiple properties when an object is supplied.
+ * Properties will be autoprefixed if needed for the user's browser.
+ */
+ css(prop: any): any;
+ css(prop: string, value: any): Cash;
+
+ /**
+ * data
+ * Link some data (string, object, array, etc.) to an element when both key and value are supplied.
+ * If only a key is supplied, returns the linked data and falls back to data attribute value if no data is already linked.
+ * Multiple data can be set when an object is supplied.
+ */
+ data(name: any): any;
+ data(name: string, value: any): Cash;
+
+ /**
+ * each
+ * Iterates over a collection with callback(value, index, array).
+ */
+ each(callback: Function): Cash;
+
+ /**
+ * empty
+ * Empties an elements interior markup.
+ */
+ empty(): Cash;
+
+ /**
+ * eq
+ * Returns a collection with the element at index.
+ */
+ eq(index: number): Cash;
+
+ /**
+ * extend
+ * Adds properties to the cash collection prototype.
+ */
+ extend(target: any): any;
+
+ /**
+ * filter
+ * Returns the collection that results from applying the filter method.
+ */
+ filter(selector: Function): Cash;
+
+ /**
+ * find
+ * Returns selector match descendants from the first element in the collection.
+ */
+ find(selector: string): Cash;
+
+ /**
+ * first
+ * Returns the first element in the collection.
+ */
+ first(): Cash;
+
+ /**
+ * get
+ * Returns the element at the index.
+ */
+ get(index: number): HTMLElement;
+
+ /**
+ * has
+ * Returns boolean result of the selector argument against the collection.
+ */
+ has(selector: string): boolean;
+
+ /**
+ * hasClass
+ * Returns the boolean result of checking if the first element in the collection has the className attribute.
+ */
+ hasClass(c: string): boolean;
+
+ /**
+ * height
+ * Returns the height of the element.
+ */
+ height(): number;
+
+ /**
+ * html
+ * Returns the HTML text of the first element in the collection, sets the HTML if provided.
+ */
+ html(): string;
+ html(content: string): Cash;
+
+ /**
+ * index
+ * Returns the index of the element in its parent if an element or selector isn't provided.
+ * Returns index within element or selector if it is.
+ */
+ index(elem?: Element): number;
+
+ /**
+ * innerHeight
+ * Returns the height of the element + padding.
+ */
+ innerHeight(): number;
+
+ /**
+ * innerWidth
+ * Returns the width of the element + padding.
+ */
+ innerWidth(): number;
+
+ /**
+ * insertAfter
+ * Inserts collection after specified element.
+ */
+ insertAfter(selector: string|Element|Cash): Cash;
+
+ /**
+ * insertBefore
+ * Inserts collection before specified element.
+ */
+ insertBefore(selector: string|Element|Cash): Cash;
+
+ /**
+ * is
+ * Returns whether the provided selector, element or collection matches any element in the collection.
+ */
+ is(selector: string|Element|Cash): boolean;
+
+ /**
+ * last
+ * Returns last element in the collection.
+ */
+ last(): Cash;
+
+ /**
+ * next
+ * Returns next sibling.
+ */
+ next(): Cash;
+
+ /**
+ * not
+ * Filters collection by false match on selector.
+ */
+ not(selector: string|Element|Cash): Cash;
+
+ /**
+ * off
+ * Removes event listener from collection elements.
+ */
+ off(eventName: string, callback: Function): Cash;
+
+ /**
+ * offset
+ * Get the coordinates of the first element in a collection relative to the document.
+ */
+ offset(): OffsetType;
+
+ /**
+ * offsetParent
+ * Get the first element's ancestor that's positioned.
+ */
+ offsetParent(): OffsetType;
+
+ /**
+ * on
+ * Adds event listener to collection elements. Event is delegated if delegate is supplied.
+ */
+ on(eventName: string|Array, delegate: any, callback?: Function, runOnce?: boolean): Cash;
+
+ /**
+ * one
+ * Adds event listener to collection elements that only triggers once for each element.
+ * Event is delegated if delegate is supplied.
+ */
+ one(eventName: string|Array, delegate: any, callback?: Function, runOnce?: boolean): Cash;
+
+ /**
+ * outerHeight
+ * Returns the outer height of the element. Includes margins if margin is set to true.
+ */
+ outerHeight(flag?: boolean): number;
+
+ /**
+ * outerWidth
+ * Returns the outer width of the element. Includes margins if margin is set to true.
+ */
+ outerWidth(flag?: boolean): number;
+
+ /**
+ * parent
+ * Returns parent element.
+ */
+ parent(): Cash;
+
+ /**
+ * parents
+ * Returns collection of elements who are parents of element. Optionally filtering by selector.
+ */
+ parents(selector?: string): Cash;
+
+ /**
+ * position
+ * Get the coordinates of the first element in a collection relative to its offsetParent.
+ */
+ position(): OffsetType;
+
+ /**
+ * prepend
+ * Prepends element to the each element in collection.
+ */
+ prepend(content: string): Cash;
+
+ /**
+ * prependTo
+ * Prepends elements in a collection to the target element(s).
+ */
+ prependTo(parent: string|Element|Cash): Cash;
+
+ /**
+ * prev
+ * Returns the previous adjacent element.
+ */
+ prev(): Cash;
+
+ /**
+ * prop
+ * Returns a property value when just property is supplied.
+ * Sets a property when property and value are supplied, and sets multiple properties when an object is supplied.
+ */
+ prop(name: string): any;
+ prop(name: string, value: string): Cash;
+
+ /**
+ * ready
+ * Calls callback method on DOMContentLoaded.
+ */
+ ready(fn: Function): void;
+
+ /**
+ * remove
+ * Removes collection elements from the DOM.
+ */
+ remove(): Cash;
+
+ /**
+ * removeAttr
+ * Removes attribute from collection elements.
+ */
+ removeAttr(name: string): Cash;
+
+ /**
+ * removeClass
+ * Removes className from collection elements.
+ * Accepts space-separated classNames for removing multiple classes.
+ * Providing no arguments will remove all classes.
+ */
+ removeClass(c?: string): Cash;
+
+ /**
+ * removeData
+ * Removes linked data and data-attributes from collection elements.
+ */
+ removeData(key: string): Cash;
+
+ /**
+ * removeProp
+ * Removes property from collection elements.
+ */
+ removeProp(name: string): Cash;
+
+ /**
+ * serialize
+ * When called on a form, serializes and returns form data.
+ */
+ serialize(): string;
+
+ /**
+ * siblings
+ * Returns a collection of sibling elements.
+ */
+ siblings(): Cash;
+
+ /**
+ * text
+ * Returns the inner text of the first element in the collection, sets the text if textContent is provided.
+ */
+ text(): string;
+ text(content?: string): Cash;
+
+ /**
+ * toggleClass
+ * Adds or removes className from collection elements based on if the element already has the class.
+ * Accepts space-separated classNames for toggling multiple classes, and an optional force boolean to ensure classes are added (true) or removed (false).
+ */
+ toggleClass(c: string, state?: boolean): Cash;
+
+ /**
+ * trigger
+ * Triggers supplied event on elements in collection. Data can be passed along as the second parameter.
+ */
+ trigger(eventName: string, data?: any): Cash;
+
+ /**
+ * val
+ * Returns an inputs value. If value is supplied, sets all inputs in collection's value to the value argument.
+ */
+ val(): any;
+ val(value?: string): Cash;
+
+ /**
+ * width
+ * Returns the width of the element.
+ */
+ width(): number;
+}
+
+declare module "cash" {
+ export = CashStatic;
+}
+declare var cash: CashStatic;
diff --git a/cassandra-driver/cassandra-driver.tests.ts b/cassandra-driver/cassandra-driver-tests.ts
similarity index 67%
rename from cassandra-driver/cassandra-driver.tests.ts
rename to cassandra-driver/cassandra-driver-tests.ts
index 514514b059..9feee249ac 100644
--- a/cassandra-driver/cassandra-driver.tests.ts
+++ b/cassandra-driver/cassandra-driver-tests.ts
@@ -6,6 +6,6 @@ import * as util from 'util';
var client = new cassandra.Client({ contactPoints: ['h1', 'h2'], keyspace: 'ks1'});
var query = 'SELECT email, last_name FROM user_profiles WHERE key=?';
-client.execute(query, ['guy'], {}, function(err, result) {
- console.log('got user profile with email ' + result.rows[0].get("email"));
+client.execute(query, ['guy'], function(err: any, result: any) {
+ console.log('got user profile with email ' + result.rows[0].email);
});
\ No newline at end of file
diff --git a/cassandra-driver/index.d.ts b/cassandra-driver/index.d.ts
index 55a67e11f9..041f9f84e2 100644
--- a/cassandra-driver/index.d.ts
+++ b/cassandra-driver/index.d.ts
@@ -134,7 +134,7 @@ export namespace types {
var LocalTime: LocalTimeStatic;
var Long: _Long;
var ResultSet: ResultSetStatic;
- var ResultStream: ResultStreamStatic;
+ // var ResultStream: ResultStreamStatic;
var Row: RowStatic;
var TimeUuid: TimeUuidStatic;
var Tuple: TupleStatic;
@@ -365,7 +365,6 @@ export namespace types {
buffer: Buffer;
paused: boolean;
- _read(): void;
_valve(readNext: Function): void;
add(chunk: Buffer): void;
}
diff --git a/chart.js/index.d.ts b/chart.js/index.d.ts
index 57389ee4ea..9bf41eeaae 100644
--- a/chart.js/index.d.ts
+++ b/chart.js/index.d.ts
@@ -345,6 +345,7 @@ interface ChartXAxe {
stacked?: boolean;
categoryPercentage?: number;
barPercentage?: number;
+ barThickness?: number;
gridLines?: GridLineOptions;
position?: string;
ticks?: TickOptions;
@@ -379,7 +380,7 @@ interface TimeScale extends ChartScales {
parser?: string | ((arg: any) => any);
round?: string;
tooltipFormat?: string;
- unit?: TimeUnit;
+ unit?: string | TimeUnit;
unitStepSize?: number;
}
@@ -390,11 +391,12 @@ interface RadialLinearScale {
ticks?: TickOptions;
}
-declare var Chart: {
- new (context: CanvasRenderingContext2D, options: ChartConfiguration): {};
+declare class Chart {
+ constructor (context: CanvasRenderingContext2D, options: ChartConfiguration);
+ config: ChartConfiguration;
destroy: () => {};
- update: (duration: any, lazy: any) => {};
- render: (duration: any, lazy: any) => {};
+ update: (duration?: any, lazy?: any) => {};
+ render: (duration?: any, lazy?: any) => {};
stop: () => {};
resize: () => {};
clear: () => {};
@@ -407,4 +409,4 @@ declare var Chart: {
defaults: {
global: ChartOptions;
}
-};
+}
diff --git a/cheap-ruler/cheap-ruler.d.ts b/cheap-ruler/cheap-ruler.d.ts
new file mode 100644
index 0000000000..91f417d490
--- /dev/null
+++ b/cheap-ruler/cheap-ruler.d.ts
@@ -0,0 +1,216 @@
+// Type definitions for cheap-ruler 2.4.1
+// Project: https://github.com/mapbox/cheap-ruler
+// Definitions by: Denis Carriere
+// Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
+
+declare module "cheap-ruler" {
+ type BBox = [number, number, number, number] | number[]
+ type Point = [number, number] | number[]
+ type Line = Array
+ type Points = Array
+ type Polygon = Array>
+
+ interface TemplateUnits {
+ kilometers: number
+ miles: number
+ nauticalmiles: number
+ meters: number
+ metres: number
+ yards: number
+ feet: number
+ inches: number
+ }
+ interface InterfacePointOnLine {
+ point: Point
+ index: number
+ t: number
+ }
+ class CheapRuler {
+ /**
+ * Given two points of the form [longitude, latitude], returns the distance.
+ *
+ * @param {Point} a point [longitude, latitude]
+ * @param {Point} b point [longitude, latitude]
+ * @returns {number} distance
+ * @example
+ * var distance = ruler.distance([30.5, 50.5], [30.51, 50.49]);
+ * //=distance
+ */
+ distance(a: Point, b: Point): number;
+
+ /**
+ * Returns the bearing between two points in angles.
+ *
+ * @param {Point} a point [longitude, latitude]
+ * @param {Point} b point [longitude, latitude]
+ * @returns {number} bearing
+ * @example
+ * var bearing = ruler.bearing([30.5, 50.5], [30.51, 50.49]);
+ * //=bearing
+ */
+ bearing(a: Point, b: Point): number;
+
+ /**
+ * Returns a new point given distance and bearing from the starting point.
+ *
+ * @param {Point} p point [longitude, latitude]
+ * @param {number} dist distance
+ * @param {number} bearing
+ * @returns {Point} point [longitude, latitude]
+ * @example
+ * var point = ruler.destination([30.5, 50.5], 0.1, 90);
+ * //=point
+ */
+ destination(p: Point, dist: number, bearing: number): Point;
+
+ /**
+ * Given a line (an array of points), returns the total line distance.
+ *
+ * @param {Points} points [longitude, latitude]
+ * @returns {number} total line distance
+ * @example
+ * var length = ruler.lineDistance([
+ * [-67.031, 50.458], [-67.031, 50.534],
+ * [-66.929, 50.534], [-66.929, 50.458]
+ * ]);
+ * //=length
+ */
+ lineDistance(points: Points): number;
+
+ /**
+ * Given a polygon (an array of rings, where each ring is an array of points), returns the area.
+ *
+ * @param {Polygon} polygon
+ * @returns {number} area value in the specified units (square kilometers by default)
+ * @example
+ * var area = ruler.area([[
+ * [-67.031, 50.458], [-67.031, 50.534], [-66.929, 50.534],
+ * [-66.929, 50.458], [-67.031, 50.458]
+ * ]]);
+ * //=area
+ */
+ area(polygon: Polygon): number;
+
+ /**
+ * Returns the point at a specified distance along the line.
+ *
+ * @param {Line} line
+ * @param {number} dist distance
+ * @returns {Point} point [longitude, latitude]
+ * @example
+ * var point = ruler.along(line, 2.5);
+ * //=point
+ */
+ along(line: Line, dist: number): Point
+
+ /**
+ * Returns an object of the form {point, index} where point is closest point on the line from the given point, and index is the start index of the segment with the closest point.
+ *
+ * @pointOnLine
+ * @param {Line} line
+ * @param {Point} p point [longitude, latitude]
+ * @returns {Object} {point, index}
+ * @example
+ * var point = ruler.pointOnLine(line, [-67.04, 50.5]).point;
+ * //=point
+ */
+ pointOnLine(line: Line, p: Point): InterfacePointOnLine
+
+ /**
+ * Returns a part of the given line between the start and the stop points (or their closest points on the line).
+ *
+ * @param {Point} start point [longitude, latitude]
+ * @param {Point} stop point [longitude, latitude]
+ * @param {Line} line
+ * @returns {Line} line part of a line
+ * @example
+ * var line2 = ruler.lineSlice([-67.04, 50.5], [-67.05, 50.56], line1);
+ * //=line2
+ */
+ lineSlice(start: Point, stop: Point, line: Line): Line
+
+ /**
+ * Returns a part of the given line between the start and the stop points indicated by distance along the line.
+ *
+ * @param {number} start distance
+ * @param {number} stop distance
+ * @param {Line} line
+ * @returns {Line} line part of a line
+ * @example
+ * var line2 = ruler.lineSliceAlong(10, 20, line1);
+ * //=line2
+ */
+ lineSliceAlong(start: number, stop: number, line: Line): Line
+
+ /**
+ * Given a point, returns a bounding box object ([w, s, e, n]) created from the given point buffered by a given distance.
+ *
+ * @param {Point} p point [longitude, latitude]
+ * @param {number} buffer
+ * @returns {BBox} box object ([w, s, e, n])
+ * @example
+ * var bbox = ruler.bufferPoint([30.5, 50.5], 0.01);
+ * //=bbox
+ */
+ bufferPoint(p: Point, buffer: number): BBox
+
+ /**
+ * Given a bounding box, returns the box buffered by a given distance.
+ *
+ * @param {BBox} box object ([w, s, e, n])
+ * @param {number} buffer
+ * @returns {BBox} box object ([w, s, e, n])
+ * @example
+ * var bbox = ruler.bufferBBox([30.5, 50.5, 31, 51], 0.2);
+ * //=bbox
+ */
+ bufferBBox(bbox: BBox, buffer: number): BBox
+
+ /**
+ * Returns true if the given point is inside in the given bounding box, otherwise false.
+ *
+ * @param {Point} p point [longitude, latitude]
+ * @param {Point} box object ([w, s, e, n])
+ * @returns {boolean}
+ * @example
+ * var inside = ruler.insideBBox([30.5, 50.5], [30, 50, 31, 51]);
+ * //=inside
+ */
+ insideBBox(p: Point, bbox: BBox): boolean
+ }
+ /**
+ * A collection of very fast approximations to common geodesic measurements. Useful for performance-sensitive code that measures things on a city scale.
+ *
+ * @param {number} lat latitude
+ * @param {string} [units='kilometers']
+ * @returns {CheapRuler}
+ * @example
+ * var ruler = cheapRuler(35.05, 'miles');
+ * //=ruler
+ */
+ function cheapRuler(lat: number, units?: string): CheapRuler;
+ namespace cheapRuler {
+ /**
+ * Multipliers for converting between units.
+ *
+ * @example
+ * // convert 50 meters to yards
+ * 50 * cheapRuler.units.yards / cheapRuler.units.meters;
+ */
+ const units: TemplateUnits
+
+ /**
+ * Creates a ruler object from tile coordinates (y and z). Convenient in tile-reduce scripts.
+ *
+ * @param {number} y
+ * @param {number} z
+ * @param {string} [units='kilometers']
+ * @returns {CheapRuler}
+ * @example
+ * var ruler = cheapRuler.fromTile(1567, 12);
+ * //=ruler
+ */
+ function fromTile(y: number, z: number, units?: string): CheapRuler;
+ }
+ export = cheapRuler
+}
\ No newline at end of file
diff --git a/chunked-dc/chunked-dc-tests.ts b/chunked-dc/chunked-dc-tests.ts
new file mode 100644
index 0000000000..304d26e952
--- /dev/null
+++ b/chunked-dc/chunked-dc-tests.ts
@@ -0,0 +1,21 @@
+/// {
+ hasNext: boolean;
+ next(): IteratorResult;
+ [Symbol.iterator](): IterableIterator;
+ }
+
+ interface ChunkerStatic {
+ new(id: number, message: Uint8Array, chunkSize: number): Chunker
+ }
+
+ /** unchunker.ts **/
+
+ type MessageListener = (message: Uint8Array, context?: any) => void;
+
+ interface Unchunker {
+ onMessage: MessageListener;
+ add(chunk: ArrayBuffer, context?: any): void;
+ gc(maxAge: number): number;
+ }
+
+ interface UnchunkerStatic {
+ new(): Unchunker
+ }
+
+ /** main.ts **/
+
+ interface Standalone {
+ Chunker: ChunkerStatic,
+ Unchunker: UnchunkerStatic,
+ }
+
+}
+
+// Entry point for the packed ES5 version:
+declare var chunkedDc: chunkedDc.Standalone;
+
+// Entry point for the ES2015 version:
+declare var Chunker: chunkedDc.ChunkerStatic;
+declare var Unchunker: chunkedDc.UnchunkerStatic;
diff --git a/chunked-dc/chunked-dc.tscparams b/chunked-dc/chunked-dc.tscparams
new file mode 100644
index 0000000000..ed262d8039
--- /dev/null
+++ b/chunked-dc/chunked-dc.tscparams
@@ -0,0 +1 @@
+--target es2015 --noImplicitAny
diff --git a/ckeditor/ckeditor-tests.ts b/ckeditor/ckeditor-tests.ts
index 10b6e31375..f0aa64cc07 100644
--- a/ckeditor/ckeditor-tests.ts
+++ b/ckeditor/ckeditor-tests.ts
@@ -37,6 +37,23 @@ function test_CKEDITOR() {
CKEDITOR.replaceAll((textarea, config) => false);
}
+function test_config() {
+ var config1: CKEDITOR.config = {
+ toolbar: 'basic',
+ };
+ var config2: CKEDITOR.config = {
+ toolbar: [
+ [ 'mode', 'document', 'doctools' ],
+ [ 'clipboard', 'undo' ],
+ '/',
+ [ 'find', 'selection', 'spellchecker' ],
+ [ 'basicstyles', 'cleanup' ],
+ '/',
+ [ 'list', 'indent', 'blocks', 'align', 'bidi' ],
+ ],
+ };
+}
+
function test_dom_comment() {
var type = CKEDITOR.NODE_COMMENT;
var nativeNode = document.createComment('Example');
@@ -319,3 +336,30 @@ function test_focusManager() {
var object: CKEDITOR.dom.domObject = focusManager.currentActive;
var bool: boolean = focusManager.hasFocus;
}
+
+function test_basicWriter() {
+ var writer = new CKEDITOR.htmlParser.basicWriter();
+ writer.openTag('p', {});
+ writer.attribute('class', 'MyClass');
+ writer.openTagClose('p', false);
+ writer.text('Hello');
+ writer.closeTag('p');
+ alert(writer.getHtml(true)); // 'Hello
'
+}
+
+function test_htmlWriter() {
+ var writer = new CKEDITOR.htmlWriter();
+ writer.openTag('p', {});
+ writer.attribute('class', 'MyClass');
+ writer.openTagClose('p', false);
+ writer.text('Hello');
+ writer.closeTag('p');
+ alert(writer.getHtml(true)); // 'Hello
'
+
+ writer.indentationChars = '\t';
+ writer.lineBreakChars = '\r\n';
+ writer.selfClosingEnd = '>';
+ writer.indentation();
+ writer.lineBreak();
+ writer.setRules('img', {breakBeforeOpen: true, breakAfterOpen: true});
+}
diff --git a/ckeditor/index.d.ts b/ckeditor/index.d.ts
index b5009fa031..72e56cd253 100644
--- a/ckeditor/index.d.ts
+++ b/ckeditor/index.d.ts
@@ -807,7 +807,7 @@ declare namespace CKEDITOR {
templates_files?: Object;
templates_replaceContent?: boolean;
title?: string | boolean;
- toolbar?: string | (string[])[];
+ toolbar?: string | (string | string[])[];
toolbarCanCollapse?: boolean;
toolbarGroupCycling?: boolean;
toolbarGroups?: toolbarGroups[];
@@ -1270,6 +1270,16 @@ declare namespace CKEDITOR {
toHtml(data: string, fixForBody?: string): void;
}
+ class htmlDataProcessor {
+ dataFilter: htmlParser.filter;
+ htmlFilter: htmlParser.filter;
+ writer: htmlParser.basicWriter;
+
+ constructor(editor: editor);
+ toDataFormat(html: string, options?: Object): string;
+ toHtml(data: string, options?: Object): string;
+ }
+
class event {
constructor();
@@ -1803,6 +1813,16 @@ declare namespace CKEDITOR {
}
+ class htmlWriter extends htmlParser.basicWriter {
+ indentationChars: string;
+ lineBreakChars: string;
+ selfClosingEnd: string;
+
+ indentation(): void;
+ lineBreak(): void;
+ setRules(tagName: string, rules: Object): void;
+ }
+
namespace tools {
var callFunction: Function;
diff --git a/clipboard-js/clipboard-js-tests.ts b/clipboard-js/clipboard-js-tests.ts
new file mode 100644
index 0000000000..93adfda3a5
--- /dev/null
+++ b/clipboard-js/clipboard-js-tests.ts
@@ -0,0 +1,6 @@
+///
+// Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
+
+declare namespace clipboard {
+
+ interface IClipboardJsStatic {
+ copy(val: string | Element): Promise;
+ paste(): Promise;
+ }
+}
+
+declare var clipboard: clipboard.IClipboardJsStatic;
+
+declare module 'clipboard-js' {
+ export = clipboard;
+}
diff --git a/codemirror/index.d.ts b/codemirror/index.d.ts
index fbbf2d84fd..708b32812e 100644
--- a/codemirror/index.d.ts
+++ b/codemirror/index.d.ts
@@ -430,7 +430,7 @@ declare namespace CodeMirror {
/** Replace the part of the document between from and to with the given string.
from and to must be {line, ch} objects. to can be left off to simply insert the string at position from. */
- replaceRange(replacement: string, from: CodeMirror.Position, to: CodeMirror.Position): void;
+ replaceRange(replacement: string, from: CodeMirror.Position, to?: CodeMirror.Position): void;
/** Get the content of line n. */
getLine(n: number): string;
diff --git a/css-modules-require-hook/css-modules-require-hook.d.ts b/css-modules-require-hook/css-modules-require-hook.d.ts
new file mode 100644
index 0000000000..b990ffb90f
--- /dev/null
+++ b/css-modules-require-hook/css-modules-require-hook.d.ts
@@ -0,0 +1,43 @@
+// Type definitions for css-modules-require-hook 4.0.3
+// Project: https://github.com/css-modules/css-modules-require-hook
+// Definitions by: Cedric van Putten
+// Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
+
+declare module 'css-modules-require-hook' {
+ interface Options {
+ /** Helps you to invalidate cache of all require calls. */
+ devMode?: boolean;
+ /** Attach the require hook to additional file extensions. */
+ extensions?: string | string[];
+ /** Provides possibility to exclude particular files from processing. */
+ ignore?: string | RegExp | ((filepath: string) => boolean);
+ /** In rare cases you may want to precompile styles, before they will be passed to the PostCSS pipeline. */
+ preprocessCss?: Function;
+ /** In rare cases you may want to get compiled styles in runtime, so providing this option helps. */
+ processCss?: Function;
+ /** Provides possibility to pass custom options to the LazyResult instance. */
+ processorOpts?: Object;
+ /** Camelizes exported class names. */
+ camelCase?: boolean;
+ /** Appends custom plugins to the end of the PostCSS pipeline. */
+ append?: any[];
+ /** Prepends custom plugins to the beginning of the PostCSS pipeline. */
+ prepend?: any[];
+ /** Provides the full list of PostCSS plugins to the pipeline. */
+ use?: any[];
+ /** Short alias for the postcss-modules-extract-imports plugin's createImportedName option. */
+ createImportedName?: Function;
+ /** Short alias for the postcss-modules-scope plugin's option. */
+ generateScopedName?: string | Function;
+ /** Short alias for the generic-names helper option. */
+ hashPrefix?: string;
+ /** Short alias for the postcss-modules-local-by-default plugin's option. */
+ mode?: string;
+ /** Provides absolute path to the project directory. */
+ rootDir?: string;
+ }
+
+ var requireHook: (options?: Options) => void;
+
+ export = requireHook;
+}
diff --git a/cucumber/index.d.ts b/cucumber/index.d.ts
index bbf961f852..de0a8d07d3 100644
--- a/cucumber/index.d.ts
+++ b/cucumber/index.d.ts
@@ -9,7 +9,7 @@ declare namespace cucumber {
export interface CallbackStepDefinition{
pending : () => PromiseLike;
- (errror?:any, pending?: string):void;
+ (error?:any, pending?: string):void;
}
export interface TableDefinition{
diff --git a/d3-box/d3-box-tests.ts b/d3-box/d3-box-tests.ts
new file mode 100644
index 0000000000..191962ff13
--- /dev/null
+++ b/d3-box/d3-box-tests.ts
@@ -0,0 +1,26 @@
+///
+// Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
+
+/// ): void;
+ width(): number;
+ width(x: number): Box;
+ height(): number;
+ height(x: number): Box;
+ tickFormat(): (n: number) => string;
+ tickFormat(fun: (n: number) => string): Box;
+ duration(): number;
+ duration(x: number): Box;
+ domain(): () => number[];
+ domain(x: number[]): Box;
+ value(): (d: any) => number;
+ value(x: (d: any) => number): Box;
+ whiskers(): (d: any[], i?: number) => number[];
+ whiskers(x: (d: any[], i?: number) => number[]): Box;
+ quartiles(): (d: any[]) => number[];
+ quantiles(x: (d: any[]) => number[]): Box;
+ }
+}
+
diff --git a/d3.slider/d3.slider-tests.ts b/d3.slider/d3.slider-tests.ts
new file mode 100644
index 0000000000..e0e0473059
--- /dev/null
+++ b/d3.slider/d3.slider-tests.ts
@@ -0,0 +1,24 @@
+///
+// Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
+
+/// ): void;
+ min(): number;
+ min(val: number): Slider;
+ max(): number;
+ max(val: number): Slider;
+ step(): number;
+ step(val: number): Slider;
+ animate(): boolean | number;
+ animate(val: boolean | number): Slider;
+ orientation(): string;
+ orientation(val: string): Slider;
+ axis(): boolean | d3.svg.Axis;
+ axis(val: boolean | d3.svg.Axis): Slider;
+ margin(): number;
+ margin(val: number): Slider;
+ value(): any;
+ value(val: any): Slider;
+ snap(): boolean;
+ snap(val: boolean): Slider;
+ scale(): any;
+ scale(val: any): Slider;
+ on(evt: ("slide" | "slideend"), callback: (evt: any, val: any) => void): Slider;
+ }
+}
\ No newline at end of file
diff --git a/dateformat/dateformat.d.ts b/dateformat/dateformat.d.ts
new file mode 100644
index 0000000000..9a97ba620f
--- /dev/null
+++ b/dateformat/dateformat.d.ts
@@ -0,0 +1,77 @@
+// Type definitions for dateformat v1.0.12
+// Project: https://github.com/felixge/node-dateformat
+// Definitions by: Kombu
+// Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
+
+/**
+ * dateFormat.masks
+ *
+ * Predefined Formats
+ *
+ * https://github.com/felixge/node-dateformat/blob/master/lib/dateformat.js#L107
+ */
+interface DateFormatMasks {
+ default: string;
+ shortDate: string;
+ mediumDate: string;
+ longDate: string;
+ fullDate: string;
+ shortTime: string;
+ mediumTime: string;
+ longTime: string;
+ isoDate: string;
+ isoTime: string;
+ isoDateTime: string;
+ isoUtcDateTime: string;
+ expiresHeaderFormat: string;
+ [key: string]: string;
+}
+
+/**
+ * dateFormat.i18n
+ *
+ * Internationalization strings
+ *
+ * Example:
+ *
+ * ```
+ * dateFormat.i18n = {
+ * dayNames: [
+ * 'Sun', 'Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat',
+ * 'Sunday', 'Monday', 'Tuesday', 'Wednesday', 'Thursday', 'Friday', 'Saturday'
+ * ],
+ * monthNames: [
+ * 'Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec',
+ * 'January', 'February', 'March', 'April', 'May', 'June', 'July', 'August', 'September', 'October', 'November', 'December'
+ * ]
+ * }
+ * ```
+ *
+ * https://github.com/felixge/node-dateformat/blob/master/lib/dateformat.js#L124
+ */
+interface DateFormatI18n {
+ dayNames: string[];
+ monthNames: string[];
+}
+
+/**
+ * dateFormat()
+ *
+ * Accepts a date, a mask, or a date and a mask.
+ * Returns a formatted version of the given date.
+ * The date defaults to the current date/time.
+ * The mask defaults to dateFormat.masks.default.
+ *
+ * https://github.com/felixge/node-dateformat/blob/master/lib/dateformat.js#L18
+ */
+interface DateFormatStatic {
+ (date?: Date | string | number, mask?: string, utc?: boolean, gmt?: boolean): string;
+ (mask?: string, utc?: boolean, gmt?: boolean): string;
+ masks: DateFormatMasks;
+ i18n: DateFormatI18n;
+}
+
+declare module 'dateformat' {
+ const dateFormat: DateFormatStatic;
+ export = dateFormat;
+}
diff --git a/defaults/defaults.d.ts b/defaults/defaults.d.ts
new file mode 100644
index 0000000000..024df0558b
--- /dev/null
+++ b/defaults/defaults.d.ts
@@ -0,0 +1,10 @@
+// Type definitions for defaults 1.0.3
+// Project: https://github.com/tmpvar/defaults/
+// Definitions by: Ibtihel CHNAB (element :string, model :any ): T;
+ function defineClass(className: string, constructor:any, proto: Object, replace: boolean): Object;
+ function destroyWidgets(element: Object): void;
+ function endEvent(): string;
+ function event(type: string, data: any, eventProp: Object): Object;
+ function getAndroidVersion(): Object;
+ function getAttrVal(ele: Object, val: string, option: Object): Object;
+ function getBooleanVal(ele: Object, val: string, option: Object): Object;
+ function getClearString(): string;
+ function getDimension(element: Object, method: string): Object;
+ function getFontString(fontObj: Object): string;
+ function getFontStyle(style: string): string;
+ function getMaxZindex(): number;
+ function getNameSpace(className: string): string;
+ function getObject(nameSpace: string, fromdata?: any): Object;
+ function getOffset(ele: string): Object;
+ function getRenderMode(): string;
+ function getScrollableParents(element: Object): void;
+ function getTheme(): string;
+ function getZindexPartial(element: Object, popupEle: string): number;
+ function hasRenderMode(element: string): void;
+ function hasStyle(prop: string): boolean;
+ function hasTheme(element: string): string;
+ function hexFromRGB(color: string): string;
+ function ieClearRemover(element: string): void;
+ function isAndroidWebView(): string;
+ function isDevice(): boolean;
+ function isIOS7(): boolean;
+ function isIOSWebView(): boolean;
+ function isLowerAndroid(): boolean;
+ function isNullOrUndefined(value: Object): boolean;
+ function isPlainObject(): JQuery;
+ function isPortrait(): any;
+ function isTablet(): boolean;
+ function isWindowsWebView(): string;
+ function listenEvents(selectors:any, eventTypes: any, handlers: any, remove?: any, pluginObj?: any, disableMouse?: boolean): void;
+ function listenTouchEvent(selectors:any, eventTypes: any, handlers: any, remove?: any, pluginObj?: any, disableMouse?: boolean): void;
+ function logBase(val: string, base: string): number;
+ function measureText(text: string, maxwidth: number, font: string): string;
+ function moveEvent(): string;
+ function print(element: string, printWindow: any): void;
+ function proxy(fn: Object, context?: string, arg?: string): any;
+ function round(value: string, div: string, up: string): any;
+ function sendAjaxRequest(ajaxOptions: Object): void;
+ function setCaretToPos(nput: string, pos1: string, pos2: string): void;
+ function setRenderMode(element: string): void;
+ function setTheme(): Object;
+ function startEvent(): string;
+ function tapEvent(): string;
+ function tapHoldEvent(): string;
+ function throwError(): Object;
+ function transitionEndEvent(): Object;
+ function userAgent(): boolean;
+ function widget(pluginName: string, className: string, proto: Object): Object;
+ function avg(json: Object, filedName: string): any;
+ function getGuid(prefix: string): number;
+ function group(jsonArray: any, field: string, agg: string, level: number, groupDs: string): Object;
+ function isJson(jsonData: string): string;
+ function max(jsonArray: any, fieldName?: string, comparer?: string): any;
+ function min(jsonArray: any, fieldName: string, comparer: string): any;
+ function merge(first: string, second: string): any;
+ function mergeshort(jsonArray: any, fieldName: string, comparer: string): any;
+ function parseJson(jsonText: string): string;
+ function parseTable(table: number, headerOption: string, headerRowIndex: string): Object;
+ function select(jsonArray: any, fields: string): any;
+ function setTransition(): boolean;
+ function sum(json: string, fieldName: string): string;
+ function swap(array: any, x: string, y: string): any;
+ var cssUA: string;
+ var serverTimezoneOffset: number;
+ var transform: string;
+ var transformOrigin: string;
+ var transformStyle: string;
+ var transition: string;
+ var transitionDelay: string;
+ var transitionDuration: string;
+ var transitionProperty: string;
+ var transitionTimingFunction: string;
+ var util: {
+ valueFunction(val: string): any;
+ }
+ export module device {
+ function isAndroid(): boolean;
+ function isIOS(): boolean;
+ function isFlat(): boolean;
+ function isIOS7(): boolean;
+ function isWindows(): boolean;
+ }
+ export module widget {
+ var autoInit: boolean;
+ var registeredInstances: Array;
+ var registeredWidgets: Array;
+ function register(pluginName: string, className: string, prototype: any): void;
+ function destroyAll(elements: Element): void;
+ function init(element: Element): void;
+ function registerInstance(element: Element, pluginName: string, className: string, prototype: any):void;
+ }
+
+ interface browserInfoOptions {
+ name: string;
+ version: string;
+ culture: Object;
+ isMSPointerEnabled: boolean;
+ }
+ class WidgetBase {
+ destroy(): void;
+ element: JQuery;
+ setModel(options: Object, forceSet?: boolean):any;
+ option(prop?: Object, value?: Object, forceSet?: boolean): any;
+ _trigger(eventName?: string, eventProp?: Object): any;
+ _on(element: JQuery, eventType?: string, handler?: (eventObject: JQueryEventObject) => any): any;
+ _on(element: JQuery, eventType ?: string, selector ?: string, handler ?: (eventObject: JQueryEventObject) => any): any;
+ _off(element: JQuery, eventName: string, handler ?: (eventObject: JQueryEventObject) => any): any;
+ _off(element: JQuery, eventType ?: string, selector ?: string, handler ?: (eventObject: JQueryEventObject) => any): any;
+ persistState(): void;
+ restoreState(silent: boolean): void;
+ }
+
+ class Widget extends WidgetBase {
+ constructor(pluginName: string, className: string, proto: any);
+ static fn: Widget;
+ static extend(widget: Widget): any;
+ register(pluginName: string, className: string, prototype: any): void;
+ destroyAll(elements: Element): void;
+ model: any;
+ }
+
+
+ interface BaseEvent {
+ cancel: boolean;
+ type: string;
+ }
+ class DataManager {
+ constructor(dataSource?: any, query?: ej.Query, adaptor?: any);
+ setDefaultQuery(query: ej.Query): void;
+ executeQuery(query?: ej.Query, done?: any, fail?: any, always?: any): JQueryPromise;
+ executeLocal(query?: ej.Query): ej.DataManager;
+ saveChanges(changes?: Changes, key?: string, tableName?: string): JQueryDeferred;
+ insert(data: Object, tableName?: string): JQueryPromise;
+ remove(keyField: string, value: any, tableName?: string): Object;
+ update(keyField: string, value: any, tableName?: string): Object;
+ }
+
+ class Query {
+ constructor();
+ static fn: Query;
+ static extend(prototype: Object): Query;
+ key(field: string): ej.Query;
+ using(dataManager: ej.DataManager): ej.Query;
+ execute(dataManager: ej.DataManager, done: any, fail?: string, always?: string): any;
+ executeLocal(dataManager: ej.DataManager): ej.DataManager;
+ clone(): ej.Query;
+ from(tableName: any): ej.Query;
+ addParams(key: string, value: string): ej.Query;
+ expand(tables: any): ej.Query;
+ where(fieldName: string, operator: ej.FilterOperators, value: any, ignoreCase?: boolean): ej.Query;
+ where(predicate:ej.Predicate):ej.Query;
+ search(searchKey: any, fieldNames?: any, operator?: string, ignoreCase?: boolean): ej.Query;
+ sortBy(fieldName: string, comparer?: ej.SortOrder, isFromGroup?: boolean): ej.Query;
+ sortByDesc(fieldName: string): ej.Query;
+ group(fieldName: string): ej.Query;
+ page(pageIndex: number, pageSize: number): ej.Query;
+ take(nos: number): ej.Query;
+ skip(nos: number): ej.Query;
+ select(fieldNames: any): ej.Query;
+ hierarchy(query: ej.Query, selectorFn: any): ej.Query;
+ foreignKey(key: string): ej.Query;
+ requiresCount(): ej.Query;
+ range(start:number, end:number): ej.Query;
+ }
+
+ class Adaptor {
+ constructor(ds: any);
+ pvt: Object;
+ type: ej.Adaptor;
+ options: AdaptorOptions;
+ extend(overrides: any): ej.Adaptor;
+ processQuery(dm: ej.DataManager, query: ej.Query):any;
+ processResponse(data: Object, ds: any, query: ej.Query, xhr: JQueryXHR, request?: Object, changes?: Changes): Object;
+ convertToQueryString(req: any, query: ej.Query, dm: ej.DataManager): JQueryParam;
+ }
+
+ interface AdaptorOptions {
+ from?: string;
+ requestType?: string;
+ sortBy?: string;
+ select?: string;
+ skip?: string;
+ group?: string;
+ take?: string;
+ search?: string;
+ count?: string;
+ where?: string;
+ aggregates?: string;
+ }
+
+ class UrlAdaptor extends ej.Adaptor {
+ constructor();
+ processQuery(dm: ej.DataManager, query: ej.Query, hierarchyFilters?: Object): {
+ type: string; url: string; ejPvtData: Object; contentType?: string; data?: Object;
+ }
+ convertToQueryString(req: Object, query: ej.Query, dm: ej.DataManager): JQueryParam;
+ processResponse(data: Object, ds: any, query: ej.Query, xhr: JQueryXHR, request?: Object, changes?: Changes): Object;
+ onGroup(e: any): void;
+ batchRequest(dm: ej.DataManager, changes: Changes, e: any): void;
+ beforeSend(dm: ej.DataManager, request: any, settings?:any): void;
+ insert(dm: ej.DataManager, data: Object, tableName: string): { url: string; data: any };
+ remove(dm: ej.DataManager, keyField: string, value: any, tableName: string): { type: string; url: string; data?: any };
+ update(dm: ej.DataManager, keyField: string, value: any, tableName: string): { type: string; url: string; data: any };
+ getFiltersFrom(data: Object, query: ej.Query): ej.Predicate;
+ }
+
+ class ODataAdaptor extends ej.UrlAdaptor {
+ constructor();
+ options: UrlAdaptorOptions;
+ onEachWhere(filter: any, requiresCast: boolean): any;
+ onPredicate(pred: ej.Predicate, query: ej.Query, requiresCast: boolean): string;
+ onComplexPredicate(pred: ej.Predicate, requiresCast: boolean): string;
+ onWhere(filters: Array): string;
+ onEachSearch(e: Object): void;
+ onSearch(e: Object): string;
+ onEachSort(e: Object): string;
+ onSortBy(e: Object): string;
+ onGroup(e: Object): string;
+ onSelect(e: Object): string;
+ onCount(e: Object): string;
+ beforeSend(dm: ej.DataManager, request: any, settings?: any): void;
+ processResponse(data: Object, ds: Object, query: ej.Query, xhr:any, request: any, changes: Changes): {
+ result: Object; count: number
+ };
+ convertToQueryString(req: Object, query: ej.Query, dm: ej.DataManager): JQueryParam;
+ insert(dm: ej.DataManager, data: Object, tableName: string): { url: string; data: Object; }
+ remove(dm: ej.DataManager, keyField: string, value: any, tableName: string): { url: string; type: string; }
+ update(dm: ej.DataManager, keyField: string, value: any, tableName: string): { url: string; type: string; data: Object; accept: string; }
+ batchRequest(dm: ej.DataManager, changes: Changes, e: any): { url: string; type: string; data: Object; contentType: string; }
+ generateDeleteRequest(arr: Array, e: any): string;
+ generateInsertRequest(arr: Array, e: any): string;
+ generateUpdateRequest(arr: Array, e: any): string;
+ }
+ interface UrlAdaptorOptions {
+ requestType?: string;
+ accept?: string;
+ multipartAccept?: string;
+ sortBy?: string;
+ select?: string;
+ skip?: string;
+ take?: string;
+ count?: string;
+ where?: string;
+ expand?: string;
+ batch?: string;
+ changeSet?: string;
+ batchPre?: string;
+ contentId?: string;
+ batchContent?: string;
+ changeSetContent?: string;
+ batchChangeSetContentType?: string;
+ }
+
+ class ODataV4Adaptor extends ej.ODataAdaptor {
+ constructor();
+ options: ODataAdaptorOptions;
+ onCount(e: Object): string;
+ onEachSearch(e: Object): void;
+ onSearch(e: Object): string;
+ beforeSend(dm: ej.DataManager, request: any, settings?: any): void;
+ processResponse(data: Object, ds: Object, query: ej.Query, xhr:any, request: any, changes: Changes): {
+ result: Object; count: number
+ };
+
+ }
+ interface ODataAdaptorOptions {
+ requestType?: string;
+ accept?: string;
+ multipartAccept?: string;
+ sortBy?: string;
+ select?: string;
+ skip?: string;
+ take?: string;
+ count?: string;
+ search?: string;
+ where?: string;
+ expand?: string;
+ batch?: string;
+ changeSet?: string;
+ batchPre?: string;
+ contentId?: string;
+ batchContent?: string;
+ changeSetContent?: string;
+ batchChangeSetContentType?: string;
+ }
+
+ class JsonAdaptor extends ej.Adaptor {
+ constructor();
+ processQuery(ds: Object, query: ej.Query): string;
+ batchRequest(dm: ej.DataManager, changes: Changes, e:any): Changes;
+ onWhere(ds: Object, e: any): any;
+ onSearch(ds: Object, e: any): any
+ onSortBy(ds: Object, e: any, query: ej.Query): Object;
+ onGroup(ds: Object, e: any, query: ej.Query): Object;
+ onPage(ds: Object, e: any, query: ej.Query): Object;
+ onRange(ds: Object, e: any): Object;
+ onTake(ds: Object, e: any): Object;
+ onSkip(ds: Object, e: any): Object;
+ onSelect(ds: Object, e: any): Object;
+ insert(dm: ej.DataManager, data: any): Object;
+ remove(dm: ej.DataManager, keyField: string, value:any, tableName: string): Object;
+ update(dm: ej.DataManager, keyField: string, value:any, tableName: string): Object;
+ }
+ class remoteSaveAdaptor extends ej.UrlAdaptor {
+ constructor();
+ batchRequest(dm: ej.DataManager, changes: Changes, e: any): void;
+ beforeSend(dm: ej.DataManager, request: any, settings?: any): void;
+ insert(dm: ej.DataManager, data: Object, tableName: string): { url: string; data: any };
+ remove(dm: ej.DataManager, keyField: string, value: any, tableName: string): { type: string; url: string; data?: any };
+ update(dm: ej.DataManager, keyField: string, value: any, tableName: string): { type: string; url: string; data: any };
+ }
+ class TableModel {
+ constructor(name: string, jsonArray: Array, dataManager: ej.DataManager, modelComputed: any);
+ on(eventName: string, handler: any): void;
+ off(eventName: string, handler: any): void;
+ setDataManager(dataManager: DataManager): void;
+ saveChanges(): void;
+ rejectChanges(): void;
+ insert(json: any): void;
+ update(value: any): void;
+ remove(key: string): void;
+ isDirty(): boolean;
+ getChanges(): Changes;
+ toArray(): Array;
+ setDirty(dirty:any, model:any): void;
+ get(index: number): void;
+ length(): number;
+ bindTo(element: any): void;
+ }
+ class Model {
+ constructor(json: any, table: string, name: string);
+ formElements: Array;
+ computes(value: any): void;
+ on(eventName: string, handler: any): void;
+ off(eventName: string, handler: any): void;
+ set(field: string, value: any): void;
+ get(field: string): any;
+ revert(suspendEvent: any): void;
+ save(dm: ej.DataManager, key: string): void;
+ markCommit(): void;
+ markDelete(): void;
+ changeState(state: boolean, args: any): void;
+ properties(): any;
+ bindTo(element: any): void;
+ unbind(element: any): void;
+ }
+ interface Changes {
+ changed?: Array;
+ added?: Array;
+ deleted?: Array;
+ }
+ class Predicate {
+ constructor();
+ constructor(field: string, operator: ej.FilterOperators, value: any, ignoreCase: boolean);
+ and(field: string, operator: any, value:any, ignoreCase:boolean): void;
+ or(field: string, operator: any, value: any, ignoreCase: boolean): void;
+ or(predicate: Array): any;
+ validate(record: Object): boolean;
+ toJSON(): {
+ isComplex: boolean;
+ field: string;
+ operator: string;
+ value: any;
+ ignoreCase: boolean;
+ condition: string;
+ predicates: any;
+ };
+ }
+ interface dataUtil {
+ swap(array: Array, x: number, y: number): void;
+ mergeSort(jsonArray: Array, fieldName?: string, comparer?:any): Array;
+ max(jsonArray: Array, fieldName?: string, comparer?: string): Array;
+ min(jsonArray: Array, fieldName: string, comparer: string): Array;
+ distinct(jsonArray: Array, fieldName?: string, requiresCompleteRecord?:any): Array;
+ sum(json:any, fieldName: string): number;
+ avg(json:any, fieldName: string): number;
+ select(jsonArray: Array, fieldName: string, fields:string): Array;
+ group(jsonArray: Array, field: string, /* internal */ level: number): Array;
+ parseTable(table: string, headerOption: ej.headerOption, headerRowIndex: number): Object;
+ }
+ interface AjaxSettings {
+ type?: string;
+ cache: boolean;
+ data?: any;
+ dataType?: string;
+ contentType?: any;
+ async?: boolean;
+ }
+ enum FilterOperators {
+ contains,
+ endsWith,
+ equal,
+ greaterThan,
+ greaterThanOrEqual,
+ lessThan,
+ lessThanOrEqual,
+ notEqual,
+ startsWith
+ }
+
+ enum MatrixDefaults {
+ m11,
+ m12,
+ m21,
+ m22,
+ offsetX,
+ offsetY,
+ type
+ }
+ enum MatrixTypes {
+ Identity,
+ Scaling,
+ Translation,
+ Unknown
+ }
+
+ enum Orientation {
+ Horizontal,
+ Vertical
+ }
+
+ enum SliderType {
+ Default,
+ MinRange,
+ Range
+ }
+
+ enum eventType {
+ click,
+ mouseDown,
+ mouseLeave,
+ mouseMove,
+ mouseUp
+ }
+ enum headerOption {
+ row,
+ tHead
+ }
+
+ enum filterType{
+ StartsWith,
+ Contains,
+ EndsWith,
+ LessThan,
+ GreaterThan,
+ LessThanOrEqual ,
+ GreaterThanOrEqual,
+ Equal,
+ NotEqual
+ }
+ enum Animation{
+ Fade,
+ None,
+ Slide
+ }
+ enum Type{
+ Overlay,
+ Slide
+ }
+class Draggable extends ej.Widget {
+ static fn: Draggable;
+ constructor(element: JQuery, options?: Draggable.Model);
+ constructor(element: Element, options?: Draggable.Model);
+ model:Draggable.Model;
+ defaults:Draggable.Model;
+
+ /** destroy in the draggable.
+ * @returns {void}
+ */
+ _destroy(): void;
+}
+export module Draggable{
+
+export interface Model {
+
+ /** If clone is specified.
+ * @Default {false}
+ */
+ clone?: boolean;
+
+ /** Sets the offset of the dragging helper relative to the mouse cursor.
+ * @Default {{ top: -1, left: -2 }}
+ */
+ cursorAt?: any;
+
+ /** Distance in pixels after mousedown the mouse must move before dragging should start. This option can be used to prevent unwanted drags when clicking on an element.
+ * @Default {1}
+ */
+ distance?: number;
+
+ /** The drag area is used to restrict the dragging element bounds.
+ * @Default {false}
+ */
+ dragArea?: boolean;
+
+ /** If specified, restricts drag start click to the specified element(s).
+ * @Default {null}
+ */
+ handle?: string;
+
+ /** Used to group sets of draggable and droppable items, in addition to droppable's accept option. A draggable with the same scope value as a droppable will be accepted by the droppable.
+ * @Default {'default'}
+ */
+ scope?: string;
+
+ /** This event is triggered when dragging element is destroyed. */
+ destroy? (e: DestroyEventArgs): void;
+
+ /** This event is triggered when the mouse is moved during the dragging. */
+ drag? (e: DragEventArgs): void;
+
+ /** Supply a callback function to handle the drag start event as an init option. */
+ dragStart? (e: DragStartEventArgs): void;
+
+ /** This event is triggered when the mouse is moved during the dragging. */
+ dragStop? (e: DragStopEventArgs): void;
+
+ /** This event is triggered when dragged. */
+ helper? (e: HelperEventArgs): void;
+}
+
+export interface DestroyEventArgs {
+
+ /** if the event should be canceled; otherwise, false.
+ */
+ cancel?: boolean;
+
+ /** returns the autocomplete model
+ */
+ model?: ej.Draggable.Model;
+
+ /** returns the name of the event
+ */
+ type?: string;
+}
+
+export interface DragEventArgs {
+
+ /** if the event should be canceled; otherwise, false.
+ */
+ cancel?: boolean;
+
+ /** returns the draggable model
+ */
+ model?: ej.Draggable.Model;
+
+ /** returns the name of the event
+ */
+ type?: string;
+
+ /** returns the event model values
+ */
+ event?: any;
+
+ /** returns the exact mouse down target element
+ */
+ target?: any;
+}
+
+export interface DragStartEventArgs {
+
+ /** if the event should be canceled; otherwise, false.
+ */
+ cancel?: boolean;
+
+ /** returns the draggable model
+ */
+ model?: ej.Draggable.Model;
+
+ /** returns the name of the event
+ */
+ type?: string;
+
+ /** returns the event model values
+ */
+ event?: any;
+
+ /** returns the exact mouse down target element
+ */
+ target?: any;
+}
+
+export interface DragStopEventArgs {
+
+ /** if the event should be canceled; otherwise, false.
+ */
+ cancel?: boolean;
+
+ /** returns the draggable model
+ */
+ model?: ej.Draggable.Model;
+
+ /** returns the name of the event
+ */
+ type?: string;
+
+ /** returns the event model values
+ */
+ event?: any;
+
+ /** returns the exact mouse down target element
+ */
+ target?: any;
+}
+
+export interface HelperEventArgs {
+
+ /** returns the draggable element object
+ */
+ element?: any;
+
+ /** returns the event model values
+ */
+ sender?: any;
+}
+}
+
+class Droppable extends ej.Widget {
+ static fn: Droppable;
+ constructor(element: JQuery, options?: Droppable.Model);
+ constructor(element: Element, options?: Droppable.Model);
+ model:Droppable.Model;
+ defaults:Droppable.Model;
+
+ /** destroy in the Droppable.
+ * @returns {void}
+ */
+ _destroy(): void;
+}
+export module Droppable{
+
+export interface Model {
+
+ /** Used to accept the specified draggable items.
+ * @Default {null}
+ */
+ accept?: any;
+
+ /** Used to group sets of droppable items, in addition to droppable's accept option. A draggable with the same scope value as a droppable will be accepted by the droppable.
+ * @Default {'default'}
+ */
+ scope?: string;
+
+ /** This event is triggered when the mouse up is moved during the dragging. */
+ drop? (e: DropEventArgs): void;
+
+ /** This event is triggered when the mouse is moved out. */
+ out? (e: OutEventArgs): void;
+
+ /** This event is triggered when the mouse is moved over. */
+ over? (e: OverEventArgs): void;
+}
+
+export interface DropEventArgs {
+
+ /** if the event should be canceled; otherwise, false.
+ */
+ cancel?: boolean;
+
+ /** returns the autocomplete model
+ */
+ model?: ej.Droppable.Model;
+
+ /** returns the name of the event
+ */
+ type?: string;
+
+ /** returns the element which accepts the droppable element.
+ */
+ targetElement?: any;
+}
+
+export interface OutEventArgs {
+
+ /** if the event should be canceled; otherwise, false.
+ */
+ cancel?: boolean;
+
+ /** returns the autocomplete model
+ */
+ model?: ej.Droppable.Model;
+
+ /** returns the name of the event
+ */
+ type?: string;
+
+ /** returns the mouse out over the element
+ */
+ targetElement?: any;
+}
+
+export interface OverEventArgs {
+
+ /** if the event should be canceled; otherwise, false.
+ */
+ cancel?: boolean;
+
+ /** returns the autocomplete model
+ */
+ model?: ej.Droppable.Model;
+
+ /** returns the name of the event
+ */
+ type?: string;
+
+ /** returns the mouse over the element
+ */
+ targetElement?: any;
+}
+}
+
+class Resizable extends ej.Widget {
+ static fn: Resizable;
+ constructor(element: JQuery, options?: Resizable.Model);
+ constructor(element: Element, options?: Resizable.Model);
+ model:Resizable.Model;
+ defaults:Resizable.Model;
+
+ /** destroy in the Resizable.
+ * @returns {void}
+ */
+ _destroy(): void;
+}
+export module Resizable{
+
+export interface Model {
+
+ /** Sets the offset of the resizing helper relative to the mouse cursor.
+ * @Default {{ top: -1, left: -2 }}
+ */
+ cursorAt?: any;
+
+ /** Distance in pixels after mousedown the mouse must move before resizing should start. This option can be used to prevent unwanted drags when clicking on an element.
+ * @Default {1}
+ */
+ distance?: number;
+
+ /** If specified, restricts resize start click to the specified element(s).
+ * @Default {null}
+ */
+ handle?: string;
+
+ /** Sets the max height for resizing
+ * @Default {null}
+ */
+ maxHeight?: number;
+
+ /** Sets the max width for resizing
+ * @Default {null}
+ */
+ maxWidth?: number;
+
+ /** Sets the min Height for resizing
+ * @Default {10}
+ */
+ minHeight?: number;
+
+ /** Sets the min Width for resizing
+ * @Default {10}
+ */
+ minWidth?: number;
+
+ /** Used to group sets of resizable items.
+ * @Default {'default'}
+ */
+ scope?: string;
+
+ /** This event is triggered when the widget destroys. */
+ destroy? (e: DestroyEventArgs): void;
+
+ /** This event is triggered when resized. */
+ helper? (e: HelperEventArgs): void;
+}
+
+export interface DestroyEventArgs {
+
+ /** if the event should be canceled; otherwise, false.
+ */
+ cancel?: boolean;
+
+ /** returns the autocomplete model
+ */
+ model?: ej.Resizable.Model;
+
+ /** returns the name of the event
+ */
+ type?: string;
+}
+
+export interface HelperEventArgs {
+
+ /** if the event should be canceled; otherwise, false.
+ */
+ cancel?: boolean;
+
+ /** returns the autocomplete model
+ */
+ model?: ej.Resizable.Model;
+
+ /** returns the name of the event
+ */
+ type?: string;
+}
+}
+
+
+ var globalize:globalize;
+ var cultures:culture;
+ function addCulture(name: string, culture ?: any): void;
+ function preferredCulture(culture ?: string): culture;
+ function format(value: any, format: string, culture ?: string): string;
+ function parseInt(value: string, radix?: any, culture ?: string): number;
+ function parseFloat(value: string, radix?: any, culture ?: string): number;
+ function parseDate(value: string, format: string, culture ?: string): Date;
+ function getLocalizedConstants(controlName: string, culture ?: string): any;
+
+interface globalize {
+ addCulture(name: string, culture?: any): void;
+ preferredCulture(culture?: string): culture;
+ format(value: any, format: string, culture?: string): string;
+ parseInt(value: string, radix?: any, culture?: string): number;
+ parseFloat(value: string, radix?: any, culture?: string): number;
+ parseDate(value: string, format: string, culture?: string): Date;
+ getLocalizedConstants(controlName: string, culture?: string): any;
+ }
+ interface culture {
+ name?: string;
+ englishName?: string;
+ namtiveName?: string;
+ language?: string;
+ isRTL: boolean;
+ numberFormat?: formatSettings;
+ calendars?: calendarsSettings;
+ }
+ interface formatSettings {
+ pattern: Array;
+ decimals: number;
+ groupSizes: Array;
+ percent: percentSettings;
+ currency: currencySettings;
+ }
+ interface percentSettings {
+ pattern: Array;
+ decimals: number;
+ groupSizes: Array;
+ symbol: string;
+ }
+ interface currencySettings {
+ pattern: Array;
+ decimals: number;
+ groupSizes: Array;
+ symbol: string;
+ }
+ interface calendarsSettings {
+ standard: standardSettings;
+ }
+ interface standardSettings {
+ firstDay: number;
+ days: daySettings;
+ months: monthSettings;
+ AM: Array;
+ PM: Array;
+ twoDigitYearMax: number;
+ patterns: patternSettings;
+ }
+ interface daySettings {
+ names: Array;
+ namesAbbr: Array;
+ namesShort: Array;
+ }
+ interface monthSettings {
+ names: Array;
+ namesAbbr: Array;
+ }
+ interface patternSettings {
+ d: string;
+ D: string;
+ t: string;
+ T: string;
+ f: string;
+ F: string;
+ M: string;
+ Y: string;
+ S: string;
+ }
+class Scroller extends ej.Widget {
+ static fn: Scroller;
+ constructor(element: JQuery, options?: Scroller.Model);
+ constructor(element: Element, options?: Scroller.Model);
+ model:Scroller.Model;
+ defaults:Scroller.Model;
+
+ /** destroy the Scroller control, unbind the all ej control related events automatically and bring the control to pre-init state.
+ * @returns {void}
+ */
+ destroy(): void;
+
+ /** User disables the Scroller control at any time.
+ * @returns {void}
+ */
+ disable(): void;
+
+ /** User enables the Scroller control at any time.
+ * @returns {void}
+ */
+ enable(): void;
+
+ /** Returns true if horizontal scrollbar is shown, else return false.
+ * @returns {boolean}
+ */
+ isHScroll(): boolean;
+
+ /** Returns true if vertical scrollbar is shown, else return false.
+ * @returns {boolean}
+ */
+ isVScroll(): boolean;
+
+ /** User refreshes the Scroller control at any time.
+ * @returns {void}
+ */
+ refresh(): void;
+
+ /** Scroller moves to given pixel in X (left) position. We can also specify the animation speed,in which the scroller has to move while re-positioning it.
+ * @returns {void}
+ */
+ scrollX(): void;
+
+ /** Scroller moves to given pixel in Y (top) position. We can also specify the animation speed,in which the scroller has to move while re-positioning it.
+ * @returns {void}
+ */
+ scrollY(): void;
+}
+export module Scroller{
+
+export interface Model {
+
+ /** Specifies the swipe scrolling speed(in millisecond).
+ * @Default {600}
+ */
+ animationSpeed?: number;
+
+ /** Set true to hides the scrollbar, when mouseout the content area.
+ * @Default {false}
+ */
+ autoHide?: boolean;
+
+ /** Specifies the height and width of button in the scrollbar.
+ * @Default {18}
+ */
+ buttonSize?: number;
+
+ /** Specifies to enable or disable the scroller
+ * @Default {true}
+ */
+ enabled?: boolean;
+
+ /** Save current model value to browser cookies for state maintenance. While refresh the page Rating control values are retained.
+ * @Default {false}
+ */
+ enablePersistence?: boolean;
+
+ /** Indicates the Right to Left direction to scroller
+ * @Default {undefined}
+ */
+ enableRTL?: boolean;
+
+ /** Enables or Disable the touch Scroll
+ * @Default {true}
+ */
+ enableTouchScroll?: boolean;
+
+ /** Specifies the height of Scroll panel and scrollbars.
+ * @Default {250}
+ */
+ height?: number|string;
+
+ /** If the scrollbar has vertical it set as width, else it will set as height of the handler.
+ * @Default {18}
+ */
+ scrollerSize?: number;
+
+ /** The Scroller content and scrollbars move left with given value.
+ * @Default {0}
+ */
+ scrollLeft?: number;
+
+ /** While press on the arrow key the scrollbar position added to the given pixel value.
+ * @Default {57}
+ */
+ scrollOneStepBy?: number;
+
+ /** The Scroller content and scrollbars move to top position with specified value.
+ * @Default {0}
+ */
+ scrollTop?: number;
+
+ /** Indicates the target area to which scroller have to appear.
+ * @Default {null}
+ */
+ targetPane?: string;
+
+ /** Specifies the width of Scroll panel and scrollbars.
+ * @Default {0}
+ */
+ width?: number|string;
+
+ /** Fires when Scroller control is created. */
+ create? (e: CreateEventArgs): void;
+
+ /** Fires when Scroller control is destroyed. */
+ destroy? (e: DestroyEventArgs): void;
+
+ /** It will fire when mouse trackball has been start to wheel. */
+ wheelStart? (e: WheelStartEventArgs): void;
+
+ /** It fires whenever the mouse wheel is rotated either in upwards or downwards */
+ wheelMove? (e: WheelMoveEventArgs): void;
+
+ /** It will fire when mouse trackball has been stop to wheel. */
+ wheelStop? (e: WheelStopEventArgs): void;
+}
+
+export interface CreateEventArgs {
+
+ /** if the event should be canceled; otherwise, false.
+ */
+ cancel?: boolean;
+
+ /** returns the scroller model
+ */
+ model?: ej.Scroller.Model;
+
+ /** returns the name of the event.
+ */
+ type?: string;
+}
+
+export interface DestroyEventArgs {
+
+ /** returns the scroller model
+ */
+ model?: ej.Scroller.Model;
+
+ /** returns the name of the event.
+ */
+ type?: string;
+}
+
+export interface WheelStartEventArgs {
+
+ /** if the event should be canceled; otherwise, false.
+ */
+ cancel?: boolean;
+
+ /** returns the scroller model
+ */
+ model?: ej.Scroller.Model;
+
+ /** returns the original event name and its event properties of the current event.
+ */
+ originalEvent?: any;
+
+ /** returns the current data related to the event.
+ */
+ scrollData?: any;
+
+ /** returns the name of the event.
+ */
+ type?: string;
+}
+
+export interface WheelMoveEventArgs {
+
+ /** if the event should be canceled; otherwise, false.
+ */
+ cancel?: boolean;
+
+ /** returns the scroller model
+ */
+ model?: ej.Scroller.Model;
+
+ /** returns the original event name and its event properties of the current event.
+ */
+ originalEvent?: any;
+}
+
+export interface WheelStopEventArgs {
+
+ /** if the event should be canceled; otherwise, false.
+ */
+ cancel?: boolean;
+
+ /** returns the scroller model
+ */
+ model?: ej.Scroller.Model;
+
+ /** returns the name of the event.
+ */
+ type?: string;
+
+ /** returns the original event name and its event properties of the current event.
+ */
+ originalEvent?: any;
+}
+}
+
+class Accordion extends ej.Widget {
+ static fn: Accordion;
+ constructor(element: JQuery, options?: Accordion.Model);
+ constructor(element: Element, options?: Accordion.Model);
+ model:Accordion.Model;
+ defaults:Accordion.Model;
+
+ /** AddItem method is used to add the panel in dynamically. It receives the following parameters
+ * @param {string} specify the name of the header
+ * @param {string} content of the new panel
+ * @param {number} insertion place of the new panel
+ * @param {boolean} Enable or disable the AJAX request to the added panel
+ * @returns {void}
+ */
+ addItem(header_name: string, content: string, index: number, isAjaxReq: boolean): void;
+
+ /** This method used to collapse the all the expanded items in accordion at a time.
+ * @returns {void}
+ */
+ collapseAll(): void;
+
+ /** This method used to Collapses the specified items in accordion at a time.
+ * @returns {void}
+ */
+ collapsePanel(): void;
+
+ /** destroy the Accordion widget all events bound using this._on will be unbind automatically and bring the control to pre-init state.
+ * @returns {void}
+ */
+ destroy(): void;
+
+ /** Disables the accordion widget includes all the headers and content panels.
+ * @returns {void}
+ */
+ disable(): void;
+
+ /** Disable the accordion widget item based on specified header index.
+ * @param {Array} index values to disable the panels
+ * @returns {void}
+ */
+ disableItems(index: Array): void;
+
+ /** Enable the accordion widget includes all the headers and content panels.
+ * @returns {void}
+ */
+ enable(): void;
+
+ /** Enable the accordion widget item based on specified header index.
+ * @param {Array} index values to enable the panels
+ * @returns {void}
+ */
+ enableItems(index: Array): void;
+
+ /** To expand all the accordion widget items.
+ * @returns {void}
+ */
+ expandAll(): void;
+
+ /** This method used to Expand the specified items in accordion at a time.
+ * @returns {void}
+ */
+ expandPanel(): void;
+
+ /** Returns the total number of panels in the control.
+ * @returns {number}
+ */
+ getItemsCount(): number;
+
+ /** Hides the visible Accordion control.
+ * @returns {void}
+ */
+ hide(): void;
+
+ /** The refresh method is used to adjust the control size based on the parent element dimension.
+ * @returns {void}
+ */
+ refresh(): void;
+
+ /** RemoveItem method is used to remove the specified index panel.It receives the parameter as number.
+ * @param {number} specify the index value for remove the accordion panel.
+ * @returns {void}
+ */
+ removeItem(index: number): void;
+
+ /** Shows the hidden Accordion control.
+ * @returns {void}
+ */
+ show(): void;
+}
+export module Accordion{
+
+export interface Model {
+
+ /** Specifies the ajaxSettings option to load the content to the accordion control.
+ * @Default {null}
+ */
+ ajaxSettings?: AjaxSettings;
+
+ /** Accordion headers can be expanded and collapsed on keyboard action.
+ * @Default {true}
+ */
+ allowKeyboardNavigation?: boolean;
+
+ /** To set the Accordion headers Collapse Speed.
+ * @Default {300}
+ */
+ collapseSpeed?: number;
+
+ /** Specifies the collapsible state of accordion control.
+ * @Default {false}
+ */
+ collapsible?: boolean;
+
+ /** Sets the root CSS class for Accordion theme, which is used customize.
+ */
+ cssClass?: string;
+
+ /** Allows you to set the custom header Icon. It accepts two key values “headerâ€, â€selectedHeaderâ€.
+ * @Default {{ header: e-collapse, selectedHeader: e-expand }}
+ */
+ customIcon?: CustomIcon;
+
+ /** Disables the specified indexed items in accordion.
+ * @Default {[]}
+ */
+ disabledItems?: number[];
+
+ /** Specifies the animation behavior in accordion.
+ * @Default {true}
+ */
+ enableAnimation?: boolean;
+
+ /** With this enabled property, you can enable or disable the Accordion.
+ * @Default {true}
+ */
+ enabled?: boolean;
+
+ /** Used to enable the disabled items in accordion.
+ * @Default {[]}
+ */
+ enabledItems?: number[];
+
+ /** Multiple content panels to activate at a time.
+ * @Default {false}
+ */
+ enableMultipleOpen?: boolean;
+
+ /** Save current model value to browser cookies for maintaining states. When refreshing the accordion control page, the model value is applied from browser cookies or HTML 5local storage.
+ * @Default {false}
+ */
+ enablePersistence?: boolean;
+
+ /** Display headers and panel text from right-to-left.
+ * @Default {false}
+ */
+ enableRTL?: boolean;
+
+ /** The events API binds the action for activating the accordion header. Users can activate the header by using mouse actions such as mouse-over, mouse-up, mouse-down, and soon.
+ * @Default {click}
+ */
+ events?: string;
+
+ /** To set the Accordion headers Expand Speed.
+ * @Default {300}
+ */
+ expandSpeed?: number;
+
+ /** Sets the height for Accordion items header.
+ */
+ headerSize?: number|string;
+
+ /** Specifies height of the accordion.
+ * @Default {null}
+ */
+ height?: number|string;
+
+ /** Adjusts the content panel height based on the given option (content, auto, or fill). By default, the panel heights are adjusted based on the content.
+ * @Default {content}
+ */
+ heightAdjustMode?: ej.Accordion.HeightAdjustMode|string;
+
+ /** It allows to define the characteristics of the Accordion control. It will helps to extend the capability of an HTML element.
+ * @Default {{}}
+ */
+ htmlAttributes?: any;
+
+ /** The given index header will activate (open). If collapsible is set to true, and a negative value is given, then all headers are collapsed. Otherwise, the first panel isactivated.
+ * @Default {0}
+ */
+ selectedItemIndex?: number;
+
+ /** Activate the specified indexed items of the accordion
+ * @Default {[0]}
+ */
+ selectedItems?: number[];
+
+ /** Used to determines the close button visibility an each accordion items. This close button helps to remove the accordion item from the control.
+ * @Default {false}
+ */
+ showCloseButton?: boolean;
+
+ /** Displays rounded corner borders on the Accordion control's panels and headers.
+ * @Default {false}
+ */
+ showRoundedCorner?: boolean;
+
+ /** Specifies width of the accordion.
+ * @Default {null}
+ */
+ width?: number|string;
+
+ /** Triggered after a Accordion item is active or inactive. Argument values are activeIndex, activeHeader, inActiveHeader, inActiveIndex and current model value. */
+ activate? (e: ActivateEventArgs): void;
+
+ /** Triggered before the AJAX content is loaded in a content panel. Arguments have location of the content (URL) and current model value. */
+ ajaxBeforeLoad? (e: AjaxBeforeLoadEventArgs): void;
+
+ /** Triggered after AJAX load failed action. Arguments have URL, error message, and current model value. */
+ ajaxError? (e: AjaxErrorEventArgs): void;
+
+ /** Triggered after the AJAX content loads. Arguments have current model values. */
+ ajaxLoad? (e: AjaxLoadEventArgs): void;
+
+ /** Triggered after AJAX success action. Arguments have URL, content, and current model values. */
+ ajaxSuccess? (e: AjaxSuccessEventArgs): void;
+
+ /** Triggered before a tab item is active. Arguments have active index and model values. */
+ beforeActivate? (e: BeforeActivateEventArgs): void;
+
+ /** Triggered after a Accordion item is active or inactive. Argument values are activeIndex, activeHeader, inActiveHeader, inActiveIndex and current model value. */
+ beforeInactivate? (e: BeforeInactivateEventArgs): void;
+
+ /** Triggered after Accordion control creation. */
+ create? (e: CreateEventArgs): void;
+
+ /** Triggered after Accordion control destroy. */
+ destroy? (e: DestroyEventArgs): void;
+
+ /** Triggered after a Accordion item is active or inactive. Argument values are activeIndex, activeHeader, inActiveHeader, inActiveIndex and current model value. */
+ inActivate? (e: InActivateEventArgs): void;
+}
+
+export interface ActivateEventArgs {
+
+ /** if the event should be canceled; otherwise, false.
+ */
+ cancel?: boolean;
+
+ /** returns the accordion model
+ */
+ model?: ej.Accordion.Model;
+
+ /** returns the name of the event
+ */
+ type?: string;
+
+ /** returns active index
+ */
+ activeIndex?: number;
+
+ /** returns current active header
+ */
+ activeHeader?: any;
+
+ /** returns true when the Accordion index activated by user interaction otherwise returns false
+ */
+ isInteraction?: boolean;
+}
+
+export interface AjaxBeforeLoadEventArgs {
+
+ /** if the event should be canceled; otherwise, false.
+ */
+ cancel?: boolean;
+
+ /** returns the accordion model
+ */
+ model?: ej.Accordion.Model;
+
+ /** returns the name of the event
+ */
+ type?: string;
+
+ /** returns current AJAX content location
+ */
+ URL?: string;
+}
+
+export interface AjaxErrorEventArgs {
+
+ /** if the event should be canceled; otherwise, false.
+ */
+ cancel?: boolean;
+
+ /** returns the accordion model
+ */
+ model?: ej.Accordion.Model;
+
+ /** returns the name of the event
+ */
+ type?: string;
+
+ /** returns current AJAX content location
+ */
+ URL?: string;
+
+ /** returns the failed data sent.
+ */
+ data?: string;
+}
+
+export interface AjaxLoadEventArgs {
+
+ /** if the event should be canceled; otherwise, false.
+ */
+ cancel?: boolean;
+
+ /** returns the accordion model
+ */
+ model?: ej.Accordion.Model;
+
+ /** returns the name of the event
+ */
+ type?: string;
+
+ /** returns the name of the URL
+ */
+ URL?: string;
+}
+
+export interface AjaxSuccessEventArgs {
+
+ /** if the event should be canceled; otherwise, false.
+ */
+ cancel?: boolean;
+
+ /** returns the accordion model
+ */
+ model?: ej.Accordion.Model;
+
+ /** returns the name of the event
+ */
+ type?: string;
+
+ /** returns current AJAX content location
+ */
+ URL?: string;
+
+ /** returns the successful data sent.
+ */
+ data?: string;
+
+ /** returns the AJAX content.
+ */
+ content?: string;
+}
+
+export interface BeforeActivateEventArgs {
+
+ /** if the event should be canceled; otherwise, false.
+ */
+ cancel?: boolean;
+
+ /** returns the accordion model
+ */
+ model?: ej.Accordion.Model;
+
+ /** returns the name of the event
+ */
+ type?: string;
+
+ /** returns active index
+ */
+ activeIndex?: number;
+
+ /** returns true when the Accordion index activated by user interaction otherwise returns false
+ */
+ isInteraction?: boolean;
+}
+
+export interface BeforeInactivateEventArgs {
+
+ /** if the event should be canceled; otherwise, false.
+ */
+ cancel?: boolean;
+
+ /** returns the accordion model
+ */
+ model?: ej.Accordion.Model;
+
+ /** returns the name of the event
+ */
+ type?: string;
+
+ /** returns active index
+ */
+ inActiveIndex?: number;
+
+ /** returns true when the Accordion index activated by user interaction otherwise returns false
+ */
+ isInteraction?: boolean;
+}
+
+export interface CreateEventArgs {
+
+ /** if the event should be canceled; otherwise, false.
+ */
+ cancel?: boolean;
+
+ /** returns the accordion model
+ */
+ model?: ej.Accordion.Model;
+
+ /** returns the name of the event
+ */
+ type?: string;
+}
+
+export interface DestroyEventArgs {
+
+ /** if the event should be canceled; otherwise, false.
+ */
+ cancel?: boolean;
+
+ /** returns the accordion model
+ */
+ model?: ej.Accordion.Model;
+
+ /** returns the name of the event
+ */
+ type?: string;
+}
+
+export interface InActivateEventArgs {
+
+ /** if the event should be canceled; otherwise, false.
+ */
+ cancel?: boolean;
+
+ /** returns the accordion model
+ */
+ model?: ej.Accordion.Model;
+
+ /** returns the name of the event
+ */
+ type?: string;
+
+ /** returns active index
+ */
+ inActiveIndex?: number;
+
+ /** returns in active element
+ */
+ inActiveHeader?: any;
+
+ /** returns true when the Accordion index activated by user interaction otherwise returns false
+ */
+ isInteraction?: boolean;
+}
+
+export interface AjaxSettings {
+
+ /** It specifies, whether to enable or disable asynchronous request.
+ */
+ async?: boolean;
+
+ /** It specifies the page will be cached in the web browser.
+ */
+ cache?: boolean;
+
+ /** It specifies the type of data is send in the query string.
+ */
+ contentType?: string;
+
+ /** It specifies the data as an object, will be passed in the query string.
+ */
+ data?: any;
+
+ /** It specifies the type of data that you're expecting back from the response.
+ */
+ dataType?: string;
+
+ /** It specifies the HTTP request type.
+ */
+ type?: string;
+}
+
+export interface CustomIcon {
+
+ /** This class name set to collapsing header.
+ */
+ header?: string;
+
+ /** This class name set to expanded (active) header.
+ */
+ selectedHeader?: string;
+}
+
+enum HeightAdjustMode{
+
+ ///Height fit to the content in the panel
+ Content,
+
+ ///Height set to the largest content in the panel
+ Auto,
+
+ ///Height filled to the content of the panel
+ Fill
+}
+
+}
+
+class Autocomplete extends ej.Widget {
+ static fn: Autocomplete;
+ constructor(element: JQuery, options?: Autocomplete.Model);
+ constructor(element: Element, options?: Autocomplete.Model);
+ model:Autocomplete.Model;
+ defaults:Autocomplete.Model;
+
+ /** Clears the text in the Autocomplete textbox.
+ * @returns {void}
+ */
+ clearText(): void;
+
+ /** Destroys the Autocomplete widget.
+ * @returns {void}
+ */
+ destroy(): void;
+
+ /** Disables the autocomplete widget.
+ * @returns {void}
+ */
+ disable(): void;
+
+ /** Enables the autocomplete widget.
+ * @returns {void}
+ */
+ enable(): void;
+
+ /** Returns objects (data object) of all the selected items in the autocomplete textbox.
+ * @returns {void}
+ */
+ getSelectedItems(): void;
+
+ /** Returns the current selected value from the Autocomplete textbox.
+ * @returns {void}
+ */
+ getValue(): void;
+
+ /** Returns the current active text value in the Autocomplete suggestion list.
+ * @returns {void}
+ */
+ getActiveText(): void;
+
+ /** Search the entered text and show it in the suggestion list if available.
+ * @returns {void}
+ */
+ search(): void;
+
+ /** Open up the autocomplete suggestion popup with all list items.
+ * @returns {void}
+ */
+ open(): void;
+
+ /** Sets the value of the Autocomplete textbox based on the given key value.
+ * @param {string} The key value of the specific suggestion item.
+ * @returns {void}
+ */
+ selectValueByKey(Key: string): void;
+
+ /** Sets the value of the Autocomplete textbox based on the given input text value.
+ * @param {string} The text (label) value of the specific suggestion item.
+ * @returns {void}
+ */
+ selectValueByText(Text: string): void;
+}
+export module Autocomplete{
+
+export interface Model {
+
+ /** Customize "Add New" text (label) to be added in the autocomplete popup list for the entered text when there are no suggestions for it.
+ * @Default {Add New}
+ */
+ addNewText?: boolean;
+
+ /** Allows new values to be added to the autocomplete input other than the values in the suggestion list. Normally, when there are no suggestions it will display “No suggestions†label in the popup.
+ * @Default {false}
+ */
+ allowAddNew?: boolean;
+
+ /** Enables or disables the sorting of suggestion list item. The default sort order is ascending order. You customize sort order.
+ * @Default {true}
+ */
+ allowSorting?: boolean;
+
+ /** Enables or disables selecting the animation style for the popup list. Animation types can be selected through either of the following options,
+ * @Default {slide}
+ */
+ animateType?: ej.Autocomplete.Animation|string;
+
+ /** To focus the items in the suggestion list when the popup is shown. By default first item will be focused.
+ * @Default {false}
+ */
+ autoFocus?: boolean;
+
+ /** Enables or disables the case sensitive search.
+ * @Default {false}
+ */
+ caseSensitiveSearch?: boolean;
+
+ /** The root class for the Autocomplete textbox widget which helps in customizing its theme.
+ * @Default {â€â€}
+ */
+ cssClass?: string;
+
+ /** The data source contains the list of data for the suggestions list. It can be a string array or JSON array.
+ * @Default {null}
+ */
+ dataSource?: any|Array;
+
+ /** The time delay (in milliseconds) after which the suggestion popup will be shown.
+ * @Default {200}
+ */
+ delaySuggestionTimeout?: number;
+
+ /** The special character which acts as a separator for the given words for multi-mode search i.e. the text after the delimiter are considered as a separate word or query for search operation.
+ * @Default {’,’}
+ */
+ delimiterChar?: string;
+
+ /** The text to be displayed in the popup when there are no suggestions available for the entered text.
+ * @Default {“No suggestionsâ€}
+ */
+ emptyResultText?: string;
+
+ /** Fills the autocomplete textbox with the first matched item from the suggestion list automatically based on the entered text when enabled.
+ * @Default {false}
+ */
+ enableAutoFill?: boolean;
+
+ /** Enables or disables the Autocomplete textbox widget.
+ * @Default {true}
+ */
+ enabled?: boolean;
+
+ /** Enables or disables displaying the duplicate names present in the search result.
+ * @Default {false}
+ */
+ enableDistinct?: boolean;
+
+ /** Allows the current model values to be saved in local storage or browser cookies for state maintenance when it is set to true. While refreshing the page, it retains the model value from browser cookies or local storage.
+ * @Default {false}
+ */
+ enablePersistence?: boolean;
+
+ /** Displays the Autocomplete widget’s content from right to left when enabled.
+ * @Default {false}
+ */
+ enableRTL?: boolean;
+
+ /** Mapping fields for the suggestion items of the Autocomplete textbox widget.
+ * @Default {null}
+ */
+ fields?: Fields;
+
+ /** Specifies the search filter type. There are several types of search filter available such as ‘startswith’, ‘contains’, ‘endswith’, ‘lessthan’, ‘lessthanorequal’, ‘greaterthan’, ‘greaterthanorequal’, ‘equal’, ‘notequal’.
+ * @Default {ej.filterType.StartsWith}
+ */
+ filterType?: string;
+
+ /** The height of the Autocomplete textbox.
+ * @Default {null}
+ */
+ height?: string;
+
+ /** The search text can be highlighted in the AutoComplete suggestion list when enabled.
+ * @Default {false}
+ */
+ highlightSearch?: boolean;
+
+ /** Number of items to be displayed in the suggestion list.
+ * @Default {0}
+ */
+ itemsCount?: number;
+
+ /** Minimum number of character to be entered in the Autocomplete textbox to show the suggestion list.
+ * @Default {1}
+ */
+ minCharacter?: number;
+
+ /** An Autocomplete column collection can be defined and customized through the multiColumnSettings property.Column's header, field, and stringFormat can be define via multiColumnSettings properties.
+ */
+ multiColumnSettings?: MultiColumnSettings;
+
+ /** Enables or disables selecting multiple values from the suggestion list. Multiple values can be selected through either of the following options,
+ * @Default {ej.MultiSelectMode.None}
+ */
+ multiSelectMode?: ej.Autocomplete.MultiSelectMode|string;
+
+ /** The height of the suggestion list.
+ * @Default {“152pxâ€}
+ */
+ popupHeight?: string;
+
+ /** The width of the suggestion list.
+ * @Default {“autoâ€}
+ */
+ popupWidth?: string;
+
+ /** The query to retrieve the data from the data source.
+ * @Default {null}
+ */
+ query?: ej.Query|string;
+
+ /** Indicates that the autocomplete textbox values can only be readable.
+ * @Default {false}
+ */
+ readOnly?: boolean;
+
+ /** Sets the value for the Autocomplete textbox based on the given input key value.
+ */
+ selectValueByKey?: number;
+
+ /** Enables or disables showing the message when there are no suggestions for the entered text.
+ * @Default {true}
+ */
+ showEmptyResultText?: boolean;
+
+ /** Enables or disables the loading icon to intimate the searching operation. The loading icon is visible when there is a time delay to perform the search.
+ * @Default {true}
+ */
+ showLoadingIcon?: boolean;
+
+ /** Enables the showPopup button in autocomplete textbox. When the showPopup button is clicked, it displays all the available data from the data source.
+ * @Default {false}
+ */
+ showPopupButton?: boolean;
+
+ /** Enables or disables rounded corner.
+ * @Default {false}
+ */
+ showRoundedCorner?: boolean;
+
+ /** Enables or disables reset icon to clear the textbox values.
+ * @Default {false}
+ */
+ showResetIcon?: boolean;
+
+ /** Sort order specifies whether the suggestion list values has to be displayed in ascending or descending order.
+ * @Default {ej.SortOrder.Ascending}
+ */
+ sortOrder?: ej.Autocomplete.SortOrder|string;
+
+ /** The template to display the suggestion list items with customized appearance.
+ * @Default {null}
+ */
+ template?: string;
+
+ /** The jQuery validation error message to be displayed on form validation.
+ * @Default {null}
+ */
+ validationMessage?: any;
+
+ /** The jQuery validation rules for form validation.
+ * @Default {null}
+ */
+ validationRules?: any;
+
+ /** The value to be displayed in the autocomplete textbox.
+ * @Default {null}
+ */
+ value?: string;
+
+ /** Enables or disables the visibility of the autocomplete textbox.
+ * @Default {true}
+ */
+ visible?: boolean;
+
+ /** The text to be displayed when the value of the autocomplete textbox is empty.
+ * @Default {null}
+ */
+ watermarkText?: string;
+
+ /** The width of the Autocomplete textbox.
+ * @Default {null}
+ */
+ width?: string;
+
+ /** Triggers when the AJAX requests Begins. */
+ actionBegin? (e: ActionBeginEventArgs): void;
+
+ /** Triggers when the data requested from AJAX will get successfully loaded in the Autocomplete widget. */
+ actionSuccess? (e: ActionSuccessEventArgs): void;
+
+ /** Triggers when the AJAX requests complete. The request may get failed or succeed. */
+ actionComplete? (e: ActionCompleteEventArgs): void;
+
+ /** Triggers when the data requested from AJAX get failed. */
+ actionFailure? (e: ActionFailureEventArgs): void;
+
+ /** Triggers when the text box value is changed. */
+ change? (e: ChangeEventArgs): void;
+
+ /** Triggers after the suggestion popup is closed. */
+ close? (e: CloseEventArgs): void;
+
+ /** Triggers when Autocomplete widget is created. */
+ create? (e: CreateEventArgs): void;
+
+ /** Triggers after the Autocomplete widget is destroyed. */
+ destroy? (e: DestroyEventArgs): void;
+
+ /** Triggers after the autocomplete textbox is focused. */
+ focusIn? (e: FocusInEventArgs): void;
+
+ /** Triggers after the Autocomplete textbox gets out of the focus. */
+ focusOut? (e: FocusOutEventArgs): void;
+
+ /** Triggers after the suggestion list is opened. */
+ open? (e: OpenEventArgs): void;
+
+ /** Triggers when an item has been selected from the suggestion list. */
+ select? (e: SelectEventArgs): void;
+}
+
+export interface ActionBeginEventArgs {
+}
+
+export interface ActionSuccessEventArgs {
+}
+
+export interface ActionCompleteEventArgs {
+}
+
+export interface ActionFailureEventArgs {
+}
+
+export interface ChangeEventArgs {
+
+ /** Set this option to true to cancel the event.
+ */
+ cancel?: boolean;
+
+ /** Instance of the autocomplete model object.
+ */
+ model?: any;
+
+ /** Name of the event.
+ */
+ type?: string;
+
+ /** Value of the autocomplete textbox.
+ */
+ value?: string;
+}
+
+export interface CloseEventArgs {
+
+ /** Set this option to true to cancel the event.
+ */
+ cancel?: boolean;
+
+ /** Instance of the autocomplete model object.
+ */
+ model?: any;
+
+ /** Name of the event.
+ */
+ type?: string;
+}
+
+export interface CreateEventArgs {
+
+ /** Set this option to true to cancel the event.
+ */
+ cancel?: boolean;
+
+ /** Instance of the autocomplete model object.
+ */
+ model?: ej.Autocomplete.Model;
+
+ /** Name of the event.
+ */
+ type?: string;
+}
+
+export interface DestroyEventArgs {
+
+ /** Set this option to true to cancel the event.
+ */
+ cancel?: boolean;
+
+ /** Instance of the autocomplete model object.
+ */
+ model?: ej.Autocomplete.Model;
+
+ /** Name of the event.
+ */
+ type?: string;
+}
+
+export interface FocusInEventArgs {
+
+ /** Set this option to true to cancel the event.
+ */
+ cancel?: boolean;
+
+ /** Instance of the autocomplete model object.
+ */
+ model?: ej.Autocomplete.Model;
+
+ /** Name of the event.
+ */
+ type?: string;
+
+ /** Value of the autocomplete textbox.
+ */
+ value?: string;
+}
+
+export interface FocusOutEventArgs {
+
+ /** Set this option to true to cancel the event.
+ */
+ cancel?: boolean;
+
+ /** Instance of the autocomplete model object.
+ */
+ model?: ej.Autocomplete.Model;
+
+ /** Name of the event.
+ */
+ type?: string;
+
+ /** Value of the autocomplete textbox.
+ */
+ value?: string;
+}
+
+export interface OpenEventArgs {
+
+ /** Set this option to true to cancel the event.
+ */
+ cancel?: boolean;
+
+ /** Instance of the autocomplete model object.
+ */
+ model?: ej.Autocomplete.Model;
+
+ /** Name of the event.
+ */
+ type?: string;
+}
+
+export interface SelectEventArgs {
+
+ /** Set this option to true to cancel the event.
+ */
+ cancel?: boolean;
+
+ /** Instance of the autocomplete model object.
+ */
+ model?: ej.Autocomplete.Model;
+
+ /** Name of the event.
+ */
+ type?: string;
+
+ /** Value of the autocomplete textbox.
+ */
+ value?: string;
+
+ /** Text of the selected item.
+ */
+ text?: string;
+
+ /** Key of the selected item.
+ */
+ key?: string;
+
+ /** Data object of the selected item.
+ */
+ Item?: ej.Autocomplete.Model;
+}
+
+export interface Fields {
+
+ /** Used to group the suggestion list items.
+ */
+ groupBy?: string;
+
+ /** Defines the HTML attributes such as id, class, styles for the item.
+ */
+ htmlAttributes?: any;
+
+ /** Defines the specific field name which contains unique key values for the list items.
+ */
+ key?: string;
+
+ /** Defines the specific field name in the data source to load the suggestion list with data.
+ */
+ text?: string;
+}
+
+export interface MultiColumnSettingsColumn {
+
+ /** Get or set a value that indicates to display the columns in the autocomplete mapping with column name of the dataSource.
+ */
+ field?: string;
+
+ /** Get or set a value that indicates to display the title of that particular column.
+ */
+ headerText?: string;
+
+ /** Gets or sets a value that indicates to render the multicolumn with custom theme.
+ */
+ cssClass?: string;
+
+ /** Specifies the search data type. There are four types of data types available such as string, ‘number’, ‘boolean’ and ‘date’.
+ * @Default {ej.Type.String}
+ */
+ type?: ej.Type|string;
+
+ /** Specifies the search filter type. There are several types of search filter available such as ‘startswith’, ‘contains’, ‘endswith’, ‘lessthan’, ‘lessthanorequal’, ‘greaterthan’, ‘greaterthanorequal’, ‘equal’, ‘notequal’.
+ * @Default {ej.filterType.StartsWith}
+ */
+ filterType?: ej.filterType|string;
+
+ /** This defines the text alignment of a particular column header cell value. See headerTextAlign
+ * @Default {ej.TextAlign.Left}
+ */
+ headerTextAlign?: ej.TextAlign|string;
+
+ /** Gets or sets a value that indicates to align the text within the column. See textAlign
+ * @Default {ej.TextAlign.Left}
+ */
+ textAlign?: ej.TextAlign|string;
+}
+
+export interface MultiColumnSettings {
+
+ /** Allow list of data to be displayed in several columns.
+ * @Default {false}
+ */
+ enable?: boolean;
+
+ /** Allow header text to be displayed in corresponding columns.
+ * @Default {true}
+ */
+ showHeader?: boolean;
+
+ /** Displayed selected value and autocomplete search based on mentioned column value specified in that format.
+ */
+ stringFormat?: string;
+
+ /** Field and Header Text collections can be defined and customized through columns field.
+ */
+ columns?: Array;
+}
+
+enum Animation{
+
+ ///Supports to animation type with none type only.
+ None,
+
+ ///Supports to animation type with slide type only.
+ Slide,
+
+ ///Supports to animation type with fade type only.
+ Fade
+}
+
+
+enum MultiSelectMode{
+
+ ///Multiple values are separated using a given special character.
+ Delimiter,
+
+ ///Each values are displayed in separate box with close button.
+ VisualMode
+}
+
+
+enum SortOrder{
+
+ ///Items to be displayed in the suggestion list in ascending order.
+ Ascending,
+
+ ///Items to be displayed in the suggestion list in descending order.
+ Descending
+}
+
+}
+
+class Button extends ej.Widget {
+ static fn: Button;
+ constructor(element: JQuery, options?: Button.Model);
+ constructor(element: Element, options?: Button.Model);
+ model:Button.Model;
+ defaults:Button.Model;
+
+ /** destroy the button widget all events bound using this._on will be unbind automatically and bring the control to pre-init state.
+ * @returns {void}
+ */
+ destroy(): void;
+
+ /** To disable the button
+ * @returns {void}
+ */
+ disable(): void;
+
+ /** To enable the button
+ * @returns {void}
+ */
+ enable(): void;
+}
+export module Button{
+
+export interface Model {
+
+ /** Specifies the contentType of the Button. See below to know available ContentType
+ * @Default {ej.ContentType.TextOnly}
+ */
+ contentType?: ej.ContentType|string;
+
+ /** Sets the root CSS class for Button theme, which is used customize.
+ */
+ cssClass?: string;
+
+ /** Specifies the button control state.
+ * @Default {true}
+ */
+ enabled?: boolean;
+
+ /** Specify the Right to Left direction to button
+ * @Default {false}
+ */
+ enableRTL?: boolean;
+
+ /** Specifies the height of the Button.
+ * @Default {28}
+ */
+ height?: number;
+
+ /** It allows to define the characteristics of the Button control. It will helps to extend the capability of an HTML element.
+ * @Default {{}}
+ */
+ htmlAttributes?: any;
+
+ /** Specifies the image position of the Button. This image position is applicable only with the textandimage contentType property. The images can be positioned in both imageLeft and imageRight options. See below to know about available ImagePosition
+ * @Default {ej.ImagePosition.ImageLeft}
+ */
+ imagePosition?: ej.ImagePosition|string;
+
+ /** Specifies the primary icon for Button. This icon will be displayed from the left margin of the button.
+ * @Default {null}
+ */
+ prefixIcon?: string;
+
+ /** Convert the button as repeat button. It raises the 'Click' event repeatedly from the it is pressed until it is released.
+ * @Default {false}
+ */
+ repeatButton?: boolean;
+
+ /** Displays the Button with rounded corners.
+ * @Default {false}
+ */
+ showRoundedCorner?: boolean;
+
+ /** Specifies the size of the Button. See below to know available ButtonSize
+ * @Default {ej.ButtonSize.Normal}
+ */
+ size?: ej.ButtonSize|string;
+
+ /** Specifies the secondary icon for Button. This icon will be displayed from the right margin of the button.
+ * @Default {null}
+ */
+ suffixIcon?: string;
+
+ /** Specifies the text content for Button.
+ * @Default {null}
+ */
+ text?: string;
+
+ /** Specified the time interval between two consecutive 'click' event on the button.
+ * @Default {150}
+ */
+ timeInterval?: string;
+
+ /** Specifies the Type of the Button. See below to know available ButtonType
+ * @Default {ej.ButtonType.Submit}
+ */
+ type?: ej.ButtonType|string;
+
+ /** Specifies the width of the Button.
+ * @Default {100px}
+ */
+ width?: string|number;
+
+ /** Fires when Button control is clicked successfully.Consider the scenario to perform any validation,modification of content or any other operations click on button,we can make use of this click event to achieve the scenario. */
+ click? (e: ClickEventArgs): void;
+
+ /** Fires after Button control is created.If the user want to perform any operation after the button control creation then the user can make use of this create event. */
+ create? (e: CreateEventArgs): void;
+
+ /** Fires when the button is destroyed successfully.If the user want to perform any operation after the destroy button control then the user can make use of this destroy event. */
+ destroy? (e: DestroyEventArgs): void;
+}
+
+export interface ClickEventArgs {
+
+ /** if the event should be canceled; otherwise, false.
+ */
+ cancel?: boolean;
+
+ /** returns the button model
+ */
+ model?: ej.Button.Model;
+
+ /** returns the name of the event
+ */
+ type?: string;
+
+ /** return the button state
+ */
+ status?: boolean;
+
+ /** return the event model for sever side processing.
+ */
+ e?: any;
+}
+
+export interface CreateEventArgs {
+
+ /** if the event should be canceled; otherwise, false.
+ */
+ cancel?: boolean;
+
+ /** returns the button model
+ */
+ model?: ej.Button.Model;
+
+ /** returns the name of the event
+ */
+ type?: string;
+}
+
+export interface DestroyEventArgs {
+
+ /** if the event should be canceled; otherwise, false.
+ */
+ cancel?: boolean;
+
+ /** returns the button model
+ */
+ model?: ej.Button.Model;
+
+ /** returns the name of the event
+ */
+ type?: string;
+}
+}
+enum ContentType
+{
+//To display the text content only in button
+TextOnly,
+//To display the image only in button
+ImageOnly,
+//Supports to display image for both ends of the button
+ImageBoth,
+//Supports to display image with the text content
+TextAndImage,
+//Supports to display image with both ends of the text
+ImageTextImage,
+}
+enum ImagePosition
+{
+//support for aligning text in left and image in right
+ImageRight,
+//support for aligning text in right and image in left
+ImageLeft,
+//support for aligning text in bottom and image in top.
+ImageTop,
+//support for aligning text in top and image in bottom
+ImageBottom,
+}
+enum ButtonSize
+{
+//Creates button with Built-in default size height, width specified
+Normal,
+//Creates button with Built-in mini size height, width specified
+Mini,
+//Creates button with Built-in small size height, width specified
+Small,
+//Creates button with Built-in medium size height, width specified
+Medium,
+//Creates button with Built-in large size height, width specified
+Large,
+}
+enum ButtonType
+{
+//Creates button with Built-in button type specified
+Button,
+//Creates button with Built-in reset type specified
+Reset,
+//Creates button with Built-in submit type specified
+Submit,
+}
+
+class Captcha extends ej.Widget {
+ static fn: Captcha;
+ constructor(element: JQuery, options?: Captcha.Model);
+ constructor(element: Element, options?: Captcha.Model);
+ model:Captcha.Model;
+ defaults:Captcha.Model;
+}
+export module Captcha{
+
+export interface Model {
+
+ /** Specifies the character set of the Captcha that will be used to generate captcha text randomly.
+ */
+ characterSet?: string;
+
+ /** Specifies the error message to be displayed when the Captcha mismatch.
+ */
+ customErrorMessage?: string;
+
+ /** Set the Captcha validation automatically.
+ */
+ enableAutoValidation?: boolean;
+
+ /** Specifies the case sensitivity for the characters typed in the Captcha.
+ */
+ enableCaseSensitivity?: boolean;
+
+ /** Specifies the background patterns for the Captcha.
+ */
+ enablePattern?: boolean;
+
+ /** Sets the Captcha direction as right to left alignment.
+ */
+ enableRTL?: boolean;
+
+ /** Specifies the background appearance for the captcha.
+ */
+ hatchStyle?: ej.HatchStyle|string;
+
+ /** Specifies the height of the Captcha.
+ */
+ height?: number;
+
+ /** Specifies the method with values to be mapped in the Captcha.
+ */
+ mapper?: string;
+
+ /** Specifies the maximum number of characters used in the Captcha.
+ */
+ maximumLength?: number;
+
+ /** Specifies the minimum number of characters used in the Captcha.
+ */
+ minimumLength?: number;
+
+ /** Specifies the method to map values to Captcha.
+ */
+ requestMapper?: string;
+
+ /** Sets the Captcha with audio support, that enables to dictate the captcha text.
+ */
+ showAudioButton?: boolean;
+
+ /** Sets the Captcha with a refresh button.
+ */
+ showRefreshButton?: boolean;
+
+ /** Specifies the target button of the Captcha to validate the entered text and captcha text.
+ */
+ targetButton?: string;
+
+ /** Specifies the target input element that will verify the Captcha.
+ */
+ targetInput?: string;
+
+ /** Specifies the width of the Captcha.
+ */
+ width?: number;
+
+ /** Fires when captcha refresh begins. */
+ refreshBegin? (e: RefreshBeginEventArgs): void;
+
+ /** Fires after captcha refresh completed. */
+ refreshComplete? (e: RefreshCompleteEventArgs): void;
+
+ /** Fires when captcha refresh fails to load. */
+ refreshFailure? (e: RefreshFailureEventArgs): void;
+
+ /** Fires after captcha refresh succeeded. */
+ refreshSuccess? (e: RefreshSuccessEventArgs): void;
+}
+
+export interface RefreshBeginEventArgs {
+
+ /** if the event should be canceled; otherwise, false.
+ */
+ cancel?: boolean;
+
+ /** returns the Captcha model
+ */
+ model?: any;
+
+ /** returns the name of the event
+ */
+ type?: string;
+}
+
+export interface RefreshCompleteEventArgs {
+
+ /** if the event should be canceled; otherwise, false.
+ */
+ cancel?: boolean;
+
+ /** returns the Captcha model
+ */
+ model?: any;
+
+ /** returns the name of the event
+ */
+ type?: string;
+}
+
+export interface RefreshFailureEventArgs {
+
+ /** if the event should be canceled; otherwise, false.
+ */
+ cancel?: boolean;
+
+ /** returns the Captcha model
+ */
+ model?: any;
+
+ /** returns the name of the event
+ */
+ type?: string;
+}
+
+export interface RefreshSuccessEventArgs {
+
+ /** if the event should be canceled; otherwise, false.
+ */
+ cancel?: boolean;
+
+ /** returns the Captcha model
+ */
+ model?: any;
+
+ /** returns the name of the event
+ */
+ type?: string;
+}
+}
+enum HatchStyle
+{
+//Set background as None to Captcha
+None,
+//Set background as BackwardDiagonal to Captcha
+BackwardDiagonal,
+//Set background as Cross to Captcha
+Cross,
+//Set background as DarkDownwardDiagonal to Captcha
+DarkDownwardDiagonal,
+//Set background as DarkHorizontal to Captcha
+DarkHorizontal,
+//Set background as DarkUpwardDiagonal to Captcha
+DarkUpwardDiagonal,
+//Set background as DarkVertical to Captcha
+DarkVertical,
+//Set background as DashedDownwardDiagonal to Captcha
+DashedDownwardDiagonal,
+//Set background as DashedHorizontal to Captcha
+DashedHorizontal,
+//Set background as DashedUpwardDiagonal to Captcha
+DashedUpwardDiagonal,
+//Set background as DashedVertical to Captcha
+DashedVertical,
+//Set background as DiagonalBrick to Captcha
+DiagonalBrick,
+//Set background as DiagonalCross to Captcha
+DiagonalCross,
+//Set background as Divot to Captcha
+Divot,
+//Set background as DottedDiamond to Captcha
+DottedDiamond,
+//Set background as DottedGrid to Captcha
+DottedGrid,
+//Set background as ForwardDiagonal to Captcha
+ForwardDiagonal,
+//Set background as Horizontal to Captcha
+Horizontal,
+//Set background as HorizontalBrick to Captcha
+HorizontalBrick,
+//Set background as LargeCheckerBoard to Captcha
+LargeCheckerBoard,
+//Set background as LargeConfetti to Captcha
+LargeConfetti,
+//Set background as LargeGrid to Captcha
+LargeGrid,
+//Set background as LightDownwardDiagonal to Captcha
+LightDownwardDiagonal,
+//Set background as LightHorizontal to Captcha
+LightHorizontal,
+//Set background as LightUpwardDiagonal to Captcha
+LightUpwardDiagonal,
+//Set background as LightVertical to Captcha
+LightVertical,
+//Set background as Max to Captcha
+Max,
+//Set background as Min to Captcha
+Min,
+//Set background as NarrowHorizontal to Captcha
+NarrowHorizontal,
+//Set background as NarrowVertical to Captcha
+NarrowVertical,
+//Set background as OutlinedDiamond to Captcha
+OutlinedDiamond,
+//Set background as Percent90 to Captcha
+Percent90,
+//Set background as Wave to Captcha
+Wave,
+//Set background as Weave to Captcha
+Weave,
+//Set background as WideDownwardDiagonal to Captcha
+WideDownwardDiagonal,
+//Set background as WideUpwardDiagonal to Captcha
+WideUpwardDiagonal,
+//Set background as ZigZag to Captcha
+ZigZag,
+}
+
+class ListBox extends ej.Widget {
+ static fn: ListBox;
+ constructor(element: JQuery, options?: ListBox.Model);
+ constructor(element: Element, options?: ListBox.Model);
+ model:ListBox.Model;
+ defaults:ListBox.Model;
+
+ /** Adds a given list items in the ListBox widget at a specified index. It accepts two parameters.
+ * @param {any|string} This can be a list item object (for JSON binding) or a string (for UL and LI rendering). Also we can the specify this as an array of list item object or an array of strings to add multiple items.
+ * @param {number} The index value to add the given items at the specified index. If index is not specified, the given items will be added at the end of the list.
+ * @returns {void}
+ */
+ addItem(listItem: any|string, index: number): void;
+
+ /** Checks all the list items in the ListBox widget. It is dependent on showCheckbox property.
+ * @returns {void}
+ */
+ checkAll(): void;
+
+ /** Checks a list item by using its index. It is dependent on showCheckbox property.
+ * @param {number} Index of the listbox item to be checked. If index is not specified, the given items will be added at the end of the list.
+ * @returns {void}
+ */
+ checkItemByIndex(index: number): void;
+
+ /** Checks multiple list items by using its index values. It is dependent on showCheckbox property.
+ * @param {number[]} Index/Indices of the listbox items to be checked. If index is not specified, the given items will be added at the end of the list.
+ * @returns {void}
+ */
+ checkItemsByIndices(indices: number[]): void;
+
+ /** Disables the ListBox widget.
+ * @returns {void}
+ */
+ disable(): void;
+
+ /** Disables a list item by passing the item text as parameter.
+ * @param {string} Text of the listbox item to be disabled.
+ * @returns {void}
+ */
+ disableItem(text: string): void;
+
+ /** Disables a list Item using its index value.
+ * @param {number} Index of the listbox item to be disabled.
+ * @returns {void}
+ */
+ disableItemByIndex(index: number): void;
+
+ /** Disables set of list Items using its index values.
+ * @param {number[]|string} Indices of the listbox items to be disabled.
+ * @returns {void}
+ */
+ disableItemsByIndices(Indices: number[]|string): void;
+
+ /** Enables the ListBox widget when it is disabled.
+ * @returns {void}
+ */
+ enable(): void;
+
+ /** Enables a list Item using its item text value.
+ * @param {string} Text of the listbox item to be enabled.
+ * @returns {void}
+ */
+ enableItem(text: string): void;
+
+ /** Enables a list item using its index value.
+ * @param {number} Index of the listbox item to be enabled.
+ * @returns {void}
+ */
+ enableItemByIndex(index: number): void;
+
+ /** Enables a set of list Items using its index values.
+ * @param {number[]|string} Indices of the listbox items to be enabled.
+ * @returns {void}
+ */
+ enableItemsByIndices(indices: number[]|string): void;
+
+ /** Returns the list of checked items in the ListBox widget. It is dependent on showCheckbox property.
+ * @returns {any}
+ */
+ getCheckedItems(): any;
+
+ /** Returns the list of selected items in the ListBox widget.
+ * @returns {any}
+ */
+ getSelectedItems(): any;
+
+ /** Returns an item’s index based on the given text.
+ * @param {string} The list item text (label)
+ * @returns {number}
+ */
+ getIndexByText(text: string): number;
+
+ /** Returns an item’s index based on the value given.
+ * @param {string} The list item’s value
+ * @returns {number}
+ */
+ getIndexByValue(indices: string): number;
+
+ /** Returns an item’s text (label) based on the index given.
+ * @returns {string}
+ */
+ getTextByIndex(): string;
+
+ /** Returns a list item’s object using its index.
+ * @returns {any}
+ */
+ getItemByIndex(): any;
+
+ /** Returns a list item’s object based on the text given.
+ * @param {string} The list item text.
+ * @returns {any}
+ */
+ getItemByText(text: string): any;
+
+ /** Merges the given data with the existing data items in the listbox.
+ * @param {Array} Data to merge in listbox.
+ * @returns {void}
+ */
+ mergeData(data: Array): void;
+
+ /** Selects the next item based on the current selection.
+ * @returns {void}
+ */
+ moveDown(): void;
+
+ /** Selects the previous item based on the current selection.
+ * @returns {void}
+ */
+ moveUp(): void;
+
+ /** Refreshes the ListBox widget.
+ * @param {boolean} Refreshes both the datasource and the dimensions of the ListBox widget when the parameter is passed as true, otherwise only the ListBox dimensions will be refreshed.
+ * @returns {void}
+ */
+ refresh(refreshData: boolean): void;
+
+ /** Removes all the list items from listbox.
+ * @returns {void}
+ */
+ removeAll(): void;
+
+ /** Removes the selected list items from the listbox.
+ * @returns {void}
+ */
+ removeSelectedItems(): void;
+
+ /** Removes a list item by using its text.
+ * @param {string} Text of the listbox item to be removed.
+ * @returns {void}
+ */
+ removeItemByText(text: string): void;
+
+ /** Removes a list item by using its index value.
+ * @param {number} Index of the listbox item to be removed.
+ * @returns {void}
+ */
+ removeItemByIndex(index: number): void;
+
+ /**
+ * @returns {void}
+ */
+ selectAll(): void;
+
+ /** Selects the list item using its text value.
+ * @param {string} Text of the listbox item to be selected.
+ * @returns {void}
+ */
+ selectItemByText(text: string): void;
+
+ /** Selects list item using its value property.
+ * @param {string} Value of the listbox item to be selected.
+ * @returns {void}
+ */
+ selectItemByValue(value: string): void;
+
+ /** Selects list item using its index value.
+ * @param {number} Index of the listbox item to be selected.
+ * @returns {void}
+ */
+ selectItemByIndex(index: number): void;
+
+ /** Selects a set of list items through its index values.
+ * @param {number|number[]} Index/Indices of the listbox item to be selected.
+ * @returns {void}
+ */
+ selectItemsByIndices(Indices: number|number[]): void;
+
+ /** Unchecks all the checked list items in the ListBox widget. To use this method showCheckbox property to be set as true.
+ * @returns {void}
+ */
+ uncheckAll(): void;
+
+ /** Unchecks a checked list item using its index value. To use this method showCheckbox property to be set as true.
+ * @param {number} Index of the listbox item to be unchecked.
+ * @returns {void}
+ */
+ uncheckItemByIndex(index: number): void;
+
+ /** Unchecks the set of checked list items using its index values. To use this method showCheckbox property must be set to true.
+ * @param {number[]|string} Indices of the listbox item to be unchecked.
+ * @returns {void}
+ */
+ uncheckItemsByIndices(indices: number[]|string): void;
+
+ /**
+ * @returns {void}
+ */
+ unselectAll(): void;
+
+ /** Unselects a selected list item using its index value
+ * @param {number} Index of the listbox item to be unselected.
+ * @returns {void}
+ */
+ unselectItemByIndex(index: number): void;
+
+ /** Unselects a selected list item using its text value.
+ * @param {string} Text of the listbox item to be unselected.
+ * @returns {void}
+ */
+ unselectItemByText(text: string): void;
+
+ /** Unselects a selected list item using its value.
+ * @param {string} Value of the listbox item to be unselected.
+ * @returns {void}
+ */
+ unselectItemByValue(value: string): void;
+
+ /** Unselects a set of list items using its index values.
+ * @param {number[]|string} Indices of the listbox item to be unselected.
+ * @returns {void}
+ */
+ unselectItemsByIndices(indices: number[]|string): void;
+
+ /** Hides all the checked items in the listbox.
+ * @returns {void}
+ */
+ hideCheckedItems(): void;
+
+ /** Shows a set of hidden list Items using its index values.
+ * @param {number[]|string} Indices of the listbox items to be shown.
+ * @returns {void}
+ */
+ showItemByIndices(indices: number[]|string): void;
+
+ /** Hides a set of list Items using its index values.
+ * @param {number[]|string} Indices of the listbox items to be hidden.
+ * @returns {void}
+ */
+ hideItemsByIndices(indices: number[]|string): void;
+
+ /** Shows the hidden list items using its values.
+ * @param {Array} Values of the listbox items to be shown.
+ * @returns {void}
+ */
+ showItemsByValues(values: Array): void;
+
+ /** Hides the list item using its values.
+ * @param {Array} Values of the listbox items to be hidden.
+ * @returns {void}
+ */
+ hideItemsByValues(values: Array): void;
+
+ /** Shows a hidden list item using its value.
+ * @param {string} Value of the listbox item to be shown.
+ * @returns {void}
+ */
+ showItemByValue(value: string): void;
+
+ /** Hide a list item using its value.
+ * @param {string} Value of the listbox item to be hidden.
+ * @returns {void}
+ */
+ hideItemByValue(value: string): void;
+
+ /** Shows a hidden list item using its index value.
+ * @param {number} Index of the listbox item to be shown.
+ * @returns {void}
+ */
+ showItemByIndex(index: number): void;
+
+ /** Hides a list item using its index value.
+ * @param {number} Index of the listbox item to be hidden.
+ * @returns {void}
+ */
+ hideItemByIndex(index: number): void;
+
+ /**
+ * @returns {void}
+ */
+ show(): void;
+
+ /** Hides the listbox.
+ * @returns {void}
+ */
+ hide(): void;
+
+ /** Hides all the listbox items in the listbox.
+ * @returns {void}
+ */
+ hideAllItems(): void;
+
+ /** Shows all the listbox items in the listbox.
+ * @returns {void}
+ */
+ showAllItems(): void;
+}
+export module ListBox{
+
+export interface Model {
+
+ /** Enables/disables the dragging behavior of the items in ListBox widget.
+ * @Default {false}
+ */
+ allowDrag?: boolean;
+
+ /** Accepts the items which are dropped in to it, when it is set to true.
+ * @Default {false}
+ */
+ allowDrop?: boolean;
+
+ /** Enables or disables multiple selection.
+ * @Default {false}
+ */
+ allowMultiSelection?: boolean;
+
+ /** Loads the list data on demand via scrolling behavior to improve the application’s performance. There are two ways to load data which can be defined using “virtualScrollMode†property.
+ * @Default {false}
+ */
+ allowVirtualScrolling?: boolean;
+
+ /** Enables or disables the case sensitive search for list item by typing the text (search) value.
+ * @Default {false}
+ */
+ caseSensitiveSearch?: boolean;
+
+ /** Dynamically populate data of a list box while selecting an item in another list box i.e. rendering child list box based on the item selection in parent list box. This property accepts the id of the child ListBox widget to populate the data.
+ * @Default {null}
+ */
+ cascadeTo?: string;
+
+ /** Set of list items to be checked by default using its index. It works only when the showCheckbox property is set to true.
+ * @Default {null}
+ */
+ checkedIndices?: Array;
+
+ /** The root class for the ListBox widget to customize the existing theme.
+ * @Default {“â€}
+ */
+ cssClass?: string;
+
+ /** Contains the list of data for generating the list items.
+ * @Default {null}
+ */
+ dataSource?: any;
+
+ /** Enables or disables the ListBox widget.
+ * @Default {true}
+ */
+ enabled?: boolean;
+
+ /** Enables or disables the search behavior to find the specific list item by typing the text value.
+ * @Default {false}
+ */
+ enableIncrementalSearch?: boolean;
+
+ /** Allows the current model values to be saved in local storage or browser cookies for state maintenance when it is set to true.
+ * @Default {false}
+ */
+ enablePersistence?: boolean;
+
+ /** Displays the ListBox widget’s content from right to left when enabled.
+ * @Default {false}
+ */
+ enableRTL?: boolean;
+
+ /** Specifies ellipsis ("...") representation in an overflowed list item content when it is set to false.
+ * @Default {true}
+ */
+ enableWordWrap?: boolean;
+
+ /** Mapping fields for the data items of the ListBox widget.
+ * @Default {null}
+ */
+ fields?: Fields;
+
+ /** Defines the height of the ListBox widget.
+ * @Default {null}
+ */
+ height?: string;
+
+ /** The number of list items to be shown in the ListBox widget. The remaining list items will be scrollable.
+ * @Default {null}
+ */
+ itemsCount?: number;
+
+ /** The total number of list items to be rendered in the ListBox widget.
+ * @Default {null}
+ */
+ totalItemsCount?: number;
+
+ /** The number of list items to be loaded in the list box while enabling virtual scrolling and when virtualScrollMode is set to continuous.
+ * @Default {5}
+ */
+ itemRequestCount?: number;
+
+ /** Loads data for the listbox by default (i.e. on initialization) when it is set to true. It creates empty ListBox if it is set to false.
+ */
+ loadDataOnInit?: boolean;
+
+ /** The query to retrieve required data from the data source.
+ * @Default {ej.Query()}
+ */
+ query?: ej.Query|string;
+
+ /** The list item to be selected by default using its index.
+ * @Default {null}
+ */
+ selectedIndex?: number;
+
+ /** The list items to be selected by default using its indices. To use this property allowMultiSelection should be enabled.
+ * @Default {[]}
+ */
+ selectedIndices?: Array;
+
+ /** Enables/Disables the multi selection option with the help of checkbox control.
+ * @Default {false}
+ */
+ showCheckbox?: boolean;
+
+ /** To display the ListBox container with rounded corners.
+ * @Default {false}
+ */
+ showRoundedCorner?: boolean;
+
+ /** The template to display the ListBox widget with customized appearance.
+ * @Default {null}
+ */
+ template?: string;
+
+ /** Holds the selected items values and used to bind value to the list item using AngularJS and KnockoutJS.
+ * @Default {“â€}
+ */
+ value?: number;
+
+ /** Specifies the virtual scroll mode to load the list data on demand via scrolling behavior. There are two types of mode.
+ */
+ virtualScrollMode?: ej.VirtualScrollMode|string;
+
+ /** Defines the width of the ListBox widget.
+ * @Default {null}
+ */
+ width?: string;
+
+ /** Specifies the targetID for the listbox items.
+ */
+ targetID?: string;
+
+ /** Triggers before the AJAX request begins to load data in the ListBox widget. */
+ actionBegin? (e: ActionBeginEventArgs): void;
+
+ /** Triggers after the data requested via AJAX is successfully loaded in the ListBox widget. */
+ actionSuccess? (e: ActionSuccessEventArgs): void;
+
+ /** Triggers when the AJAX requests complete. The request may get failed or succeed. */
+ actionComplete? (e: ActionCompleteEventArgs): void;
+
+ /** Triggers when the data requested from AJAX get failed. */
+ actionFailure? (e: ActionFailureEventArgs): void;
+
+ /** Event will be triggered before the requested data via AJAX once loaded in successfully. */
+ actionBeforeSuccess? (e: ActionBeforeSuccessEventArgs): void;
+
+ /** Triggers when the item selection is changed. */
+ change? (e: ChangeEventArgs): void;
+
+ /** Triggers when the list item is checked or unchecked. */
+ checkChange? (e: CheckChangeEventArgs): void;
+
+ /** Triggers when the ListBox widget is created successfully. */
+ create? (e: CreateEventArgs): void;
+
+ /** Triggers when the ListBox widget is destroyed successfully. */
+ destroy? (e: DestroyEventArgs): void;
+
+ /** Triggers when focus the listbox items. */
+ focusIn? (e: FocusInEventArgs): void;
+
+ /** Triggers when focus out from listbox items. */
+ focusOut? (e: FocusOutEventArgs): void;
+
+ /** Triggers when the list item is being dragged. */
+ itemDrag? (e: ItemDragEventArgs): void;
+
+ /** Triggers when the list item is ready to be dragged. */
+ itemDragStart? (e: ItemDragStartEventArgs): void;
+
+ /** Triggers when the list item stops dragging. */
+ itemDragStop? (e: ItemDragStopEventArgs): void;
+
+ /** Triggers when the list item is dropped. */
+ itemDrop? (e: ItemDropEventArgs): void;
+
+ /** Triggers when a list item gets selected. */
+ select? (e: SelectEventArgs): void;
+
+ /** Triggers when a list item gets unselected. */
+ unselect? (e: UnselectEventArgs): void;
+}
+
+export interface ActionBeginEventArgs {
+}
+
+export interface ActionSuccessEventArgs {
+}
+
+export interface ActionCompleteEventArgs {
+}
+
+export interface ActionFailureEventArgs {
+}
+
+export interface ActionBeforeSuccessEventArgs {
+
+ /** Instance of the listbox model object.
+ */
+ model?: any;
+
+ /** Name of the event.
+ */
+ type?: string;
+
+ /** List of actual object.
+ */
+ actual?: any;
+
+ /** Object of ListBox widget which contains DataManager arguments
+ */
+ request?: any;
+
+ /** Set this option to true to cancel the event.
+ */
+ cancel?: boolean;
+
+ /** List of array object
+ */
+ result?: Array;
+
+ /** ExecuteQuery object of DataManager
+ */
+ xhr?: any;
+}
+
+export interface ChangeEventArgs {
+
+ /** Instance of the listbox model object.
+ */
+ model?: any;
+
+ /** Name of the event.
+ */
+ type?: string;
+
+ /** List item object.
+ */
+ item?: any;
+
+ /** The Datasource of the listbox.
+ */
+ data?: any;
+
+ /** List item’s index.
+ */
+ index?: number;
+
+ /** Set this option to true to cancel the event.
+ */
+ cancel?: boolean;
+
+ /** Boolean value based on whether the list item is checked or not.
+ */
+ isChecked?: boolean;
+
+ /** Boolean value based on whether the list item is selected or not.
+ */
+ isSelected?: boolean;
+
+ /** Boolean value based on the list item is enabled or not.
+ */
+ isEnabled?: boolean;
+
+ /** List item’s text (label).
+ */
+ text?: string;
+
+ /** List item’s value.
+ */
+ value?: string;
+}
+
+export interface CheckChangeEventArgs {
+
+ /** Instance of the listbox model object.
+ */
+ model?: any;
+
+ /** Name of the event.
+ */
+ type?: string;
+
+ /** List item object.
+ */
+ item?: any;
+
+ /** The Datasource of the listbox.
+ */
+ data?: any;
+
+ /** List item’s index.
+ */
+ index?: number;
+
+ /** Set this option to true to cancel the event.
+ */
+ cancel?: boolean;
+
+ /** Boolean value based on whether the list item is checked or not.
+ */
+ isChecked?: boolean;
+
+ /** Boolean value based on whether the list item is selected or not.
+ */
+ isSelected?: boolean;
+
+ /** Boolean value based on the list item is enabled or not.
+ */
+ isEnabled?: boolean;
+
+ /** List item’s text (label).
+ */
+ text?: string;
+
+ /** List item’s value.
+ */
+ value?: string;
+}
+
+export interface CreateEventArgs {
+
+ /** Instance of the listbox model object.
+ */
+ model?: ej.ListBox.Model;
+
+ /** Name of the event.
+ */
+ type?: string;
+
+ /** Set this option to true to cancel the event.
+ */
+ cancel?: boolean;
+}
+
+export interface DestroyEventArgs {
+
+ /** Instance of the listbox model object.
+ */
+ model?: any;
+
+ /** Name of the event.
+ */
+ type?: string;
+
+ /** Set this option to true to cancel the event.
+ */
+ cancel?: boolean;
+}
+
+export interface FocusInEventArgs {
+
+ /** Instance of the listbox model object.
+ */
+ model?: any;
+
+ /** Name of the event.
+ */
+ type?: string;
+
+ /** Set this option to true to cancel the event.
+ */
+ cancel?: boolean;
+}
+
+export interface FocusOutEventArgs {
+
+ /** Instance of the listbox model object.
+ */
+ model?: any;
+
+ /** Name of the event.
+ */
+ type?: string;
+
+ /** Set this option to true to cancel the event.
+ */
+ cancel?: boolean;
+}
+
+export interface ItemDragEventArgs {
+
+ /** Instance of the listbox model object.
+ */
+ model?: any;
+
+ /** Name of the event.
+ */
+ type?: string;
+
+ /** Set this option to true to cancel the event.
+ */
+ cancel?: boolean;
+
+ /** The Datasource of the listbox.
+ */
+ data?: any;
+
+ /** List item’s index.
+ */
+ index?: number;
+
+ /** Boolean value based on whether the list item is checked or not.
+ */
+ isChecked?: boolean;
+
+ /** Boolean value based on whether the list item is selected or not.
+ */
+ isSelected?: boolean;
+
+ /** Boolean value based on whether the list item is enabled or not.
+ */
+ isEnabled?: boolean;
+
+ /** List item’s text (label).
+ */
+ text?: string;
+
+ /** List item’s value.
+ */
+ value?: string;
+}
+
+export interface ItemDragStartEventArgs {
+
+ /** Instance of the listbox model object.
+ */
+ model?: any;
+
+ /** Name of the event.
+ */
+ type?: string;
+
+ /** Set this option to true to cancel the event.
+ */
+ cancel?: boolean;
+
+ /** The Datasource of the listbox.
+ */
+ data?: any;
+
+ /** List item’s index.
+ */
+ index?: number;
+
+ /** Boolean value based on whether the list item is checked or not.
+ */
+ isChecked?: boolean;
+
+ /** Boolean value based on whether the list item is selected or not.
+ */
+ isSelected?: boolean;
+
+ /** Boolean value based on whether the list item is enabled or not.
+ */
+ isEnabled?: boolean;
+
+ /** List item’s text (label).
+ */
+ text?: string;
+
+ /** List item’s value.
+ */
+ value?: string;
+}
+
+export interface ItemDragStopEventArgs {
+
+ /** Instance of the listbox model object.
+ */
+ model?: any;
+
+ /** Name of the event.
+ */
+ type?: string;
+
+ /** Set this option to true to cancel the event.
+ */
+ cancel?: boolean;
+
+ /** The Datasource of the listbox.
+ */
+ data?: any;
+
+ /** List item’s index.
+ */
+ index?: number;
+
+ /** Boolean value based on whether the list item is checked or not.
+ */
+ isChecked?: boolean;
+
+ /** Boolean value based on whether the list item is selected or not.
+ */
+ isSelected?: boolean;
+
+ /** Boolean value based on whether the list item is enabled or not.
+ */
+ isEnabled?: boolean;
+
+ /** List item’s text (label).
+ */
+ text?: string;
+
+ /** List item’s value.
+ */
+ value?: string;
+}
+
+export interface ItemDropEventArgs {
+
+ /** Instance of the listbox model object.
+ */
+ model?: any;
+
+ /** Name of the event.
+ */
+ type?: string;
+
+ /** Set this option to true to cancel the event.
+ */
+ cancel?: boolean;
+
+ /** The Datasource of the listbox.
+ */
+ data?: any;
+
+ /** List item’s index.
+ */
+ index?: number;
+
+ /** Boolean value based on whether the list item is checked or not.
+ */
+ isChecked?: boolean;
+
+ /** Boolean value based on whether the list item is selected or not.
+ */
+ isSelected?: boolean;
+
+ /** Boolean value based on whether the list item is enabled or not.
+ */
+ isEnabled?: boolean;
+
+ /** List item’s text (label).
+ */
+ text?: string;
+
+ /** List item’s value.
+ */
+ value?: string;
+}
+
+export interface SelectEventArgs {
+
+ /** Instance of the listbox model object.
+ */
+ model?: any;
+
+ /** Name of the event.
+ */
+ type?: string;
+
+ /** List item object.
+ */
+ item?: any;
+
+ /** The Datasource of the listbox.
+ */
+ data?: any;
+
+ /** List item’s index.
+ */
+ index?: number;
+
+ /** Set this option to true to cancel the event.
+ */
+ cancel?: boolean;
+
+ /** Boolean value based on whether the list item is checked or not.
+ */
+ isChecked?: boolean;
+
+ /** Boolean value based on whether the list item is selected or not.
+ */
+ isSelected?: boolean;
+
+ /** Boolean value based on the list item is enabled or not.
+ */
+ isEnabled?: boolean;
+
+ /** List item’s text (label).
+ */
+ text?: string;
+
+ /** List item’s value.
+ */
+ value?: string;
+}
+
+export interface UnselectEventArgs {
+
+ /** Instance of the listbox model object.
+ */
+ model?: any;
+
+ /** Name of the event.
+ */
+ type?: string;
+
+ /** List item object.
+ */
+ item?: any;
+
+ /** The Datasource of the listbox.
+ */
+ data?: any;
+
+ /** List item’s index.
+ */
+ index?: number;
+
+ /** Set this option to true to cancel the event.
+ */
+ cancel?: boolean;
+
+ /** Boolean value based on whether the list item is checked or not.
+ */
+ isChecked?: boolean;
+
+ /** Boolean value based on whether the list item is selected or not.
+ */
+ isSelected?: boolean;
+
+ /** Boolean value based on the list item is enabled or not.
+ */
+ isEnabled?: boolean;
+
+ /** List item’s text (label).
+ */
+ text?: string;
+
+ /** List item’s value.
+ */
+ value?: string;
+}
+
+export interface Fields {
+
+ /** Defines the specific field name which contains Boolean values to specify whether the list items to be checked by default or not.
+ */
+ checkBy?: boolean;
+
+ /** The grouping in the ListBox widget can be defined using this field.
+ */
+ groupBy?: string;
+
+ /** Defines the HTML attributes such as id, class, styles for the specific ListBox item.
+ */
+ htmlAttributes?: any;
+
+ /** Defines the specific field name which contains id values for the list items.
+ */
+ id?: string;
+
+ /** Defines the imageURL for the image to be displayed in the ListBox item.
+ */
+ imageUrl?: string;
+
+ /** Defines the image attributes such as height, width, styles and so on.
+ */
+ imageAttributes?: string;
+
+ /** Defines the specific field name which contains Boolean values to specify whether the list items to be selected by default or not.
+ */
+ selectBy?: boolean;
+
+ /** Defines the sprite CSS class for the image to be displayed.
+ */
+ spriteCssClass?: string;
+
+ /** Defines the table name to get the specific set of list items to be loaded in the ListBox widget while rendering with remote data.
+ */
+ tableName?: string;
+
+ /** Defines the specific field name in the data source to load the list with data.
+ */
+ text?: string;
+
+ /** Defines the specific field name in the data source to load the list with data value property.
+ */
+ value?: string;
+}
+}
+
+class Calculate {
+ static fn: Calculate;
+ constructor(element: JQuery, options?: Calculate.Model);
+ constructor(element: Element, options?: Calculate.Model);
+ model:Calculate.Model;
+ defaults:Calculate.Model;
+
+ /** Add the custom formulas with function in CalcEngine library
+ * @param {string} pass the formula name
+ * @param {string} pass the custom function name to call
+ * @returns {void}
+ */
+ addCustomFunction(FormulaName: string, FunctionName: string): void;
+
+ /** Adds a named range to the NamedRanges collection
+ * @param {string} pass the namedRange's name
+ * @param {string} pass the cell range of NamedRange
+ * @returns {void}
+ */
+ addNamedRange(Name: string, cellRange: string): void;
+
+ /** Accepts a possible parsed formula and returns the calculated value without quotes.
+ * @param {string} pass the cell range to adjust its range
+ * @returns {string}
+ */
+ adjustRangeArg(Name: string): string;
+
+ /** When a formula cell changes, call this method to clear it from its dependent cells.
+ * @param {string} pass the changed cell address
+ * @returns {void}
+ */
+ clearFormulaDependentCells(Cell: string): void;
+
+ /** Call this method to clear whether an exception was raised during the computation of a library function.
+ * @returns {void}
+ */
+ clearLibraryComputationException(): void;
+
+ /** Get the column index from a cell reference passed in.
+ * @param {string} pass the cell address
+ * @returns {void}
+ */
+ colIndex(Cell: string): void;
+
+ /** Evaluates a parsed formula.
+ * @param {string} pass the parsed formula
+ * @returns {string}
+ */
+ computedValue(Formula: string): string;
+
+ /** Evaluates a parsed formula.
+ * @param {string} pass the parsed formula
+ * @returns {string}
+ */
+ computeFormula(Formula: string): string;
+}
+export module Calculate{
+
+export interface Model {
+}
+}
+
+class CheckBox extends ej.Widget {
+ static fn: CheckBox;
+ constructor(element: JQuery, options?: CheckBox.Model);
+ constructor(element: Element, options?: CheckBox.Model);
+ model:CheckBox.Model;
+ defaults:CheckBox.Model;
+
+ /** Destroy the CheckBox widget all events bound using this._on will be unbind automatically and bring the control to pre-init state.
+ * @returns {void}
+ */
+ destroy(): void;
+
+ /** Disable the CheckBox to prevent all user interactions.
+ * @returns {void}
+ */
+ disable(): void;
+
+ /** To enable the CheckBox
+ * @returns {void}
+ */
+ enable(): void;
+
+ /** To Check the status of CheckBox
+ * @returns {boolean}
+ */
+ isChecked(): boolean;
+}
+export module CheckBox{
+
+export interface Model {
+
+ /** Specifies whether CheckBox has to be in checked or not. We can also specify array of string as value for this property. If any of the value in the specified array matches the value of the textbox, then it will be considered as checked. It will be useful in MVVM binding, specify array type to identify the values of the checked CheckBoxes.
+ * @Default {false}
+ */
+ checked?: boolean|string[];
+
+ /** Specifies the State of CheckBox.See below to get available CheckState
+ * @Default {null}
+ */
+ checkState?: ej.CheckState|string;
+
+ /** Sets the root CSS class for CheckBox theme, which is used customize.
+ */
+ cssClass?: string;
+
+ /** Specifies the checkbox control state.
+ * @Default {true}
+ */
+ enabled?: boolean;
+
+ /** Specifies the persist property for CheckBox while initialization. The persist API save current model value to browser cookies for state maintains. While refreshing the CheckBox control page the model value apply from browser cookies.
+ * @Default {false}
+ */
+ enablePersistence?: boolean;
+
+ /** Specify the Right to Left direction to Checkbox
+ * @Default {false}
+ */
+ enableRTL?: boolean;
+
+ /** Specifies the enable or disable Tri-State for checkbox control.
+ * @Default {false}
+ */
+ enableTriState?: boolean;
+
+ /** It allows to define the characteristics of the CheckBox control. It will helps to extend the capability of an HTML element.
+ * @Default {{}}
+ */
+ htmlAttributes?: any;
+
+ /** Specified value to be added an id attribute of the CheckBox.
+ * @Default {null}
+ */
+ id?: string;
+
+ /** Specify the prefix value of id to be added before the current id of the CheckBox.
+ * @Default {ej}
+ */
+ idPrefix?: string;
+
+ /** Specifies the name attribute of the CheckBox.
+ * @Default {null}
+ */
+ name?: string;
+
+ /** Displays rounded corner borders to CheckBox
+ * @Default {false}
+ */
+ showRoundedCorner?: boolean;
+
+ /** Specifies the size of the CheckBox.See below to know available CheckboxSize
+ * @Default {small}
+ */
+ size?: ej.CheckboxSize|string;
+
+ /** Specifies the text content to be displayed for CheckBox.
+ */
+ text?: string;
+
+ /** Set the jQuery validation error message in CheckBox.
+ * @Default {null}
+ */
+ validationMessage?: any;
+
+ /** Set the jQuery validation rules in CheckBox.
+ * @Default {null}
+ */
+ validationRules?: any;
+
+ /** Specifies the value attribute of the CheckBox.
+ * @Default {null}
+ */
+ value?: string;
+
+ /** Fires before the CheckBox is going to changed its state successfully */
+ beforeChange? (e: BeforeChangeEventArgs): void;
+
+ /** Fires when the CheckBox state is changed successfully */
+ change? (e: ChangeEventArgs): void;
+
+ /** Fires when the CheckBox state is created successfully */
+ create? (e: CreateEventArgs): void;
+
+ /** Fires when the CheckBox state is destroyed successfully */
+ destroy? (e: DestroyEventArgs): void;
+}
+
+export interface BeforeChangeEventArgs {
+
+ /** if the event should be canceled; otherwise, false.
+ */
+ cancel?: boolean;
+
+ /** returns the CheckBox model
+ */
+ model?: ej.CheckBox.Model;
+
+ /** returns the name of the event
+ */
+ type?: string;
+
+ /** returns the event model values
+ */
+ event?: any;
+
+ /** returns the status whether the element is checked or not.
+ */
+ isChecked?: boolean;
+}
+
+export interface ChangeEventArgs {
+
+ /** if the event should be canceled; otherwise, false.
+ */
+ cancel?: boolean;
+
+ /** returns the CheckBox model
+ */
+ model?: ej.CheckBox.Model;
+
+ /** returns the name of the event
+ */
+ type?: string;
+
+ /** returns the event arguments
+ */
+ event?: any;
+
+ /** returns the status whether the element is checked or not.
+ */
+ isChecked?: boolean;
+
+ /** returns the state of the checkbox
+ */
+ checkState?: string;
+}
+
+export interface CreateEventArgs {
+
+ /** if the event should be canceled; otherwise, false.
+ */
+ cancel?: boolean;
+
+ /** returns the CheckBox model
+ */
+ model?: ej.CheckBox.Model;
+
+ /** returns the name of the event
+ */
+ type?: string;
+}
+
+export interface DestroyEventArgs {
+
+ /** if the event should be canceled; otherwise, false.
+ */
+ cancel?: boolean;
+
+ /** returns the CheckBox model
+ */
+ model?: ej.CheckBox.Model;
+
+ /** returns the name of the event
+ */
+ type?: string;
+}
+}
+enum CheckState
+{
+//string
+Uncheck,
+//string
+Check,
+//string
+Indeterminate,
+}
+enum CheckboxSize
+{
+//Displays the CheckBox in medium size
+Medium,
+//Displays the CheckBox in small size
+Small,
+}
+
+class ColorPicker extends ej.Widget {
+ static fn: ColorPicker;
+ constructor(element: JQuery, options?: ColorPicker.Model);
+ constructor(element: Element, options?: ColorPicker.Model);
+ model:ColorPicker.Model;
+ defaults:ColorPicker.Model;
+
+ /** Disables the color picker control
+ * @returns {void}
+ */
+ disable(): void;
+
+ /** Enable the color picker control
+ * @returns {void}
+ */
+ enable(): void;
+
+ /** Gets the selected color in RGB format
+ * @returns {any}
+ */
+ getColor(): any;
+
+ /** Gets the selected color value as string
+ * @returns {string}
+ */
+ getValue(): string;
+
+ /** To Convert color value from hexCode to RGB
+ * @returns {any}
+ */
+ hexCodeToRGB(): any;
+
+ /** Hides the ColorPicker popup, if in opened state.
+ * @returns {void}
+ */
+ hide(): void;
+
+ /** Convert color value from HSV to RGB
+ * @returns {any}
+ */
+ HSVToRGB(): any;
+
+ /** Convert color value from RGB to HEX
+ * @returns {string}
+ */
+ RGBToHEX(): string;
+
+ /** Convert color value from RGB to HSV
+ * @returns {any}
+ */
+ RGBToHSV(): any;
+
+ /** Open the ColorPicker popup.
+ * @returns {void}
+ */
+ show(): void;
+}
+export module ColorPicker{
+
+export interface Model {
+
+ /** The ColorPicker control allows to define the customized text to displayed in button elements. Using the property to achieve the customized culture values.
+ * @Default {{ apply: Apply, cancel: Cancel, swatches: Swatches }}
+ */
+ buttonText?: ButtonText;
+
+ /** Allows to change the mode of the button. Please refer below to know available button mode
+ * @Default {ej.ButtonMode.Split}
+ */
+ buttonMode?: ej.ButtonMode|string;
+
+ /** Specifies the number of columns to be displayed color palette model.
+ * @Default {10}
+ */
+ columns?: number|string;
+
+ /** This property allows you to customize its appearance using user-defined CSS and custom skin options such as colors and backgrounds.
+ */
+ cssClass?: string;
+
+ /** This property allows to define the custom colors in the palette model.Custom palettes are created by passing a comma delimited string of HEX values or an array of colors.
+ * @Default {empty}
+ */
+ custom?: Array;
+
+ /** This property allows to embed the popup in the order of DOM element flow . When we set the value as true, the color picker popup is always in visible state.
+ * @Default {false}
+ */
+ displayInline?: boolean;
+
+ /** This property allows to change the control in enabled or disabled state.
+ * @Default {true}
+ */
+ enabled?: boolean;
+
+ /** This property allows to enable or disable the opacity slider in the color picker control
+ * @Default {true}
+ */
+ enableOpacity?: boolean;
+
+ /** It allows to define the characteristics of the ColorPicker control. It will helps to extend the capability of an HTML element.
+ * @Default {{}}
+ */
+ htmlAttributes?: any;
+
+ /** Specifies the model type to be rendered initially in the color picker control. See below to get available ModelType
+ * @Default {ej.ColorPicker.ModelType.Default}
+ */
+ modelType?: ej.ColorPicker.ModelType|string;
+
+ /** This property allows to change the opacity value .The selected color opacity will be adjusted by using this opacity value.
+ * @Default {100}
+ */
+ opacityValue?: number|string;
+
+ /** Specifies the palette type to be displayed at initial time in palette model.There two types of palette model available in ColorPicker control. See below available Palette
+ * @Default {ej.ColorPicker.Palette.BasicPalette}
+ */
+ palette?: ej.ColorPicker.Palette|string;
+
+ /** This property allows to define the preset model to be rendered initially in palette type.It consists of 12 different types of presets. Each presets have 50 colors. See below available Presets
+ * @Default {ej.ColorPicker.Presets.Basic}
+ */
+ presetType?: ej.ColorPicker.Presets|string;
+
+ /** Allows to show/hides the apply and cancel buttons in ColorPicker control
+ * @Default {true}
+ */
+ showApplyCancel?: boolean;
+
+ /** Allows to show/hides the clear button in ColorPicker control
+ * @Default {true}
+ */
+ showClearButton?: boolean;
+
+ /** This property allows to provides live preview support for current cursor selection color and selected color.
+ * @Default {true}
+ */
+ showPreview?: boolean;
+
+ /** This property allows to store the color values in custom list.The ColorPicker will keep up to 11 colors in a custom list.By clicking the add button, the selected color from picker or palette will get added in the recent color list.
+ * @Default {false}
+ */
+ showRecentColors?: boolean;
+
+ /** Allows to show/hides the switcher button in ColorPicker control.It helps to switch palette or picker mode in colorpicker.
+ * @Default {true}
+ */
+ showSwitcher?: boolean;
+
+ /** This property allows to shows tooltip to notify the slider value in color picker control.
+ * @Default {false}
+ */
+ showTooltip?: boolean;
+
+ /** Specifies the toolIcon to be displayed in dropdown control color area.
+ * @Default {null}
+ */
+ toolIcon?: string;
+
+ /** This property allows to define the customized text or content to displayed when mouse over the following elements. This property also allows to use the culture values.
+ * @Default {{ switcher: Switcher, addbutton: Add Color, basic: Basic, monochrome: Mono Chrome, flatcolors: Flat Color, seawolf: Sea Wolf, webcolors: Web Colors, sandy: Sandy, pinkshades: Pink Shades, misty: Misty, citrus: Citrus, vintage: Vintage, moonlight: Moon Light, candycrush: Candy Crush, currentcolor: Current Color, selectedcolor: Selected Color }}
+ */
+ tooltipText?: TooltipText;
+
+ /** Specifies the color value for color picker control, the value is in hexadecimal form with prefix of "#".
+ * @Default {null}
+ */
+ value?: string;
+
+ /** Fires after Color value has been changed successfully.If the user want to perform any operation after the color value changed then the user can make use of this change event. */
+ change? (e: ChangeEventArgs): void;
+
+ /** Fires after closing the color picker popup. */
+ close? (e: CloseEventArgs): void;
+
+ /** Fires after Color picker control is created. If the user want to perform any operation after the color picker control creation then the user can make use of this create event. */
+ create? (e: CreateEventArgs): void;
+
+ /** Fires after Color picker control is destroyed. If the user want to perform any operation after the color picker control destroyed then the user can make use of this destroy event. */
+ destroy? (e: DestroyEventArgs): void;
+
+ /** Fires after opening the color picker popup */
+ open? (e: OpenEventArgs): void;
+
+ /** Fires after Color value has been selected successfully. If the user want to perform any operation after the color value selected then the user can make use of this select event. */
+ select? (e: SelectEventArgs): void;
+}
+
+export interface ChangeEventArgs {
+
+ /** if the event should be canceled; otherwise, false.
+ */
+ cancel?: boolean;
+
+ /** returns the color picker model
+ */
+ model?: ej.ColorPicker.Model;
+
+ /** returns the name of the event
+ */
+ type?: string;
+
+ /** return the changed color value
+ */
+ value?: string;
+}
+
+export interface CloseEventArgs {
+
+ /** if the event should be canceled; otherwise, false.
+ */
+ cancel?: boolean;
+
+ /** returns the color picker model
+ */
+ model?: ej.ColorPicker.Model;
+
+ /** returns the name of the event
+ */
+ type?: string;
+}
+
+export interface CreateEventArgs {
+
+ /** if the event should be canceled; otherwise, false.
+ */
+ cancel?: boolean;
+
+ /** returns the color picker model
+ */
+ model?: any;
+
+ /** returns the name of the event
+ */
+ type?: string;
+}
+
+export interface DestroyEventArgs {
+
+ /** if the event should be canceled; otherwise, false.
+ */
+ cancel?: boolean;
+
+ /** returns the color picker model
+ */
+ model?: ej.ColorPicker.Model;
+
+ /** returns the name of the event
+ */
+ type?: string;
+}
+
+export interface OpenEventArgs {
+
+ /** if the event should be canceled; otherwise, false.
+ */
+ cancel?: boolean;
+
+ /** returns the color picker model
+ */
+ model?: ej.ColorPicker.Model;
+
+ /** returns the name of the event
+ */
+ type?: string;
+}
+
+export interface SelectEventArgs {
+
+ /** if the event should be canceled; otherwise, false.
+ */
+ cancel?: boolean;
+
+ /** returns the color picker model
+ */
+ model?: ej.ColorPicker.Model;
+
+ /** returns the name of the event
+ */
+ type?: string;
+
+ /** return the selected color value
+ */
+ value?: string;
+}
+
+export interface ButtonText {
+
+ /** Sets the text for the apply button.
+ */
+ apply?: string;
+
+ /** Sets the text for the cancel button.
+ */
+ cancel?: string;
+
+ /** Sets the header text for the swatches area.
+ */
+ swatches?: string;
+}
+
+export interface TooltipText {
+
+ /** Sets the tooltip text for the switcher button.
+ */
+ switcher?: string;
+
+ /** Sets the tooltip text for the add button.
+ */
+ addbutton?: string;
+
+ /** Sets the tooltip text for the basic preset.
+ */
+ basic?: string;
+
+ /** Sets the tooltip text for the mono chrome preset.
+ */
+ monochrome?: string;
+
+ /** Sets the tooltip text for the flat colors preset.
+ */
+ flatcolors?: string;
+
+ /** Sets the tooltip text for the sea wolf preset.
+ */
+ seawolf?: string;
+
+ /** Sets the tooltip text for the web colors preset.
+ */
+ webcolors?: string;
+
+ /** Sets the tooltip text for the sandy preset.
+ */
+ sandy?: string;
+
+ /** Sets the tooltip text for the pink shades preset.
+ */
+ pinkshades?: string;
+
+ /** Sets the tooltip text for the misty preset.
+ */
+ misty?: string;
+
+ /** Sets the tooltip text for the citrus preset.
+ */
+ citrus?: string;
+
+ /** Sets the tooltip text for the vintage preset.
+ */
+ vintage?: string;
+
+ /** Sets the tooltip text for the moon light preset.
+ */
+ moonlight?: string;
+
+ /** Sets the tooltip text for the candy crush preset.
+ */
+ candycrush?: string;
+
+ /** Sets the tooltip text for the current color area.
+ */
+ currentcolor?: string;
+
+ /** Sets the tooltip text for the selected color area.
+ */
+ selectedcolor?: string;
+}
+
+enum ModelType{
+
+ ///support palette type mode in color picker.
+ Palette,
+
+ ///support palette type mode in color picker.
+ Picker
+}
+
+
+enum Palette{
+
+ ///used to show the basic palette
+ BasicPalette,
+
+ ///used to show the custompalette
+ CustomPalette
+}
+
+
+enum Presets{
+
+ ///used to show the basic presets
+ Basic,
+
+ ///used to show the CandyCrush colors presets
+ CandyCrush,
+
+ ///used to show the Citrus colors presets
+ Citrus,
+
+ ///used to show the FlatColors presets
+ FlatColors,
+
+ ///used to show the Misty presets
+ Misty,
+
+ ///used to show the MoonLight presets
+ MoonLight,
+
+ ///used to show the PinkShades presets
+ PinkShades,
+
+ ///used to show the Sandy presets
+ Sandy,
+
+ ///used to show the Seawolf presets
+ SeaWolf,
+
+ ///used to show the Vintage presets
+ Vintage,
+
+ ///used to show the WebColors presets
+ WebColors
+}
+
+}
+enum ButtonMode
+{
+//Displays the button in split mode
+Split,
+//Displays the button in Dropdown mode
+Dropdown,
+}
+
+class FileExplorer extends ej.Widget {
+ static fn: FileExplorer;
+ constructor(element: JQuery, options?: FileExplorer.Model);
+ constructor(element: Element, options?: FileExplorer.Model);
+ model:FileExplorer.Model;
+ defaults:FileExplorer.Model;
+
+ /** Refresh the size of FileExplorer control.
+ * @returns {void}
+ */
+ adjustSize(): void;
+
+ /** Disable the particular context menu item.
+ * @param {string|HTMLElement} Id of the menu item/ Menu element to be disabled
+ * @returns {void}
+ */
+ disableMenuItem(item: string|HTMLElement): void;
+
+ /** Disable the particular toolbar item.
+ * @param {string|HTMLElement} Id of the toolbar item/ Tool item element to be disabled
+ * @returns {void}
+ */
+ disableToolbarItem(item: string|HTMLElement): void;
+
+ /** Enable the particular context menu item.
+ * @param {string|HTMLElement} Id of the menu item/ Menu element to be Enabled
+ * @returns {void}
+ */
+ enableMenuItem(item: string|HTMLElement): void;
+
+ /** Enable the particular toolbar item
+ * @param {string|HTMLElement} Id of the tool item/ Tool item element to be Enabled
+ * @returns {void}
+ */
+ enableToolbarItem(item: string|HTMLElement): void;
+
+ /** Refresh the content of the selected folder in FileExplorer control.
+ * @returns {void}
+ */
+ refresh(): void;
+
+ /** Remove the particular toolbar item.
+ * @param {string|HTMLElement} Id of the tool item/ tool item element to be removed
+ * @returns {void}
+ */
+ removeToolbarItem(item: string|HTMLElement): void;
+}
+export module FileExplorer{
+
+export interface Model {
+
+ /** Sets the URL of server side AJAX handling method that handles file operation like Read, Remove, Rename, Create, Upload, Download, Copy and Move in FileExplorer.
+ */
+ ajaxAction?: string;
+
+ /** Specifies the data type of server side AJAX handling method.
+ * @Default {json}
+ */
+ ajaxDataType?: string;
+
+ /** By using ajaxSettings property, you can customize the AJAX configurations. Normally you can customize the following option in AJAX handling data, URL, type, async, contentType, dataType and success. For upload, download and getImage API, you can only customize URL.
+ * @Default {{ read: {}, createFolder: {}, remove: {}, rename: {}, paste: {}, getDetails: {}, download: {}, upload: {}, getImage: {}, search: {}}}
+ */
+ ajaxSettings?: any;
+
+ /** The FileExplorer allows to move the files from one folder to another folder of FileExplorer by using drag and drop option. Also it supports to upload a file by dragging it from windows explorer to the necessary folder of ejFileExplorer.
+ * @Default {true}
+ */
+ allowDragAndDrop?: boolean;
+
+ /** The FileExplorer allows to select multiple files by enabling the allowMultiSelection property. You can perform multi selection by pressing the Ctrl key or Shift key.
+ * @Default {true}
+ */
+ allowMultiSelection?: boolean;
+
+ /** By using the contextMenuSettings property, you can customize the ContextMenu in the FileExplorer control.
+ */
+ contextMenuSettings?: ContextMenuSettings;
+
+ /** Sets the root class for FileExplorer theme. This cssClass API allows to use custom skinning option for File Explorer control. By defining the root class by using this API, you have to include this root class in CSS.
+ */
+ cssClass?: string;
+
+ /** Enables or disables the resize support in FileExplorer control.
+ * @Default {false}
+ */
+ enableResize?: boolean;
+
+ /** Enables or disables the Right to Left alignment support in FileExplorer control.
+ * @Default {false}
+ */
+ enableRTL?: boolean;
+
+ /** Enables or disables the thumbnail image compression option in FileExplorer control. By enabling this option, you can reduce the thumbnail image size while loading.
+ * @Default {false}
+ */
+ enableThumbnailCompress?: boolean;
+
+ /** Allows specified type of files only to display in FileExplorer control.
+ * @Default {.}
+ */
+ fileTypes?: string;
+
+ /** By using filterSettings property, you can customize the search functionality of the search bar in FileExplorer control.
+ */
+ filterSettings?: FilterSettings;
+
+ /** By using the gridSettings property, you can customize the grid behavior in the FileExplorer control.
+ */
+ gridSettings?: GridSettings;
+
+ /** Specifies the height of FileExplorer control.
+ * @Default {400}
+ */
+ height?: string|number;
+
+ /** Enables or disables the responsive support for FileExplorer control during the window resizing time.
+ * @Default {false}
+ */
+ isResponsive?: boolean;
+
+ /** Sets the file view type. There are three view types available such as Grid, Tile and Large icons. See layoutType.
+ * @Default {ej.FileExplorer.layoutType.Grid}
+ */
+ layout?: ej.FileExplorer.layoutType|string;
+
+ /** Sets the culture in FileExplorer.
+ * @Default {en-US}
+ */
+ locale?: string;
+
+ /** Sets the maximum height of FileExplorer control.
+ * @Default {null}
+ */
+ maxHeight?: string|number;
+
+ /** Sets the maximum width of FileExplorer control.
+ * @Default {null}
+ */
+ maxWidth?: string|number;
+
+ /** Sets the minimum height of FileExplorer control.
+ * @Default {250px}
+ */
+ minHeight?: string|number;
+
+ /** Sets the minimum width of FileExplorer control.
+ * @Default {400px}
+ */
+ minWidth?: string|number;
+
+ /** The property path denotes the filesystem path that are to be explored. The path for the filesystem can be physical path or relative path, but it has to be relevant to where the Web API is hosted.
+ */
+ path?: string;
+
+ /** The selectedFolder is used to select the specified folder of FileExplorer control.
+ */
+ selectedFolder?: string;
+
+ /** The selectedItems is used to select the specified items (file, folder) of FileExplorer control.
+ */
+ selectedItems?: string|Array;
+
+ /** Enables or disables the checkbox option in FileExplorer control.
+ * @Default {true}
+ */
+ showCheckbox?: boolean;
+
+ /** Enables or disables the context menu option in FileExplorer control.
+ * @Default {true}
+ */
+ showContextMenu?: boolean;
+
+ /** Enables or disables the footer in FileExplorer control. The footer element displays the details of the current selected files and folders. And also the footer having the switcher to change the layout view.
+ * @Default {true}
+ */
+ showFooter?: boolean;
+
+ /** FileExplorer control is displayed with rounded corner when this property is set to true.
+ * @Default {false}
+ */
+ showRoundedCorner?: boolean;
+
+ /** FileExplorer control is rendered with thumbnail preview of images in Tile and LargeIcons layout when this property set to true.
+ * @Default {true}
+ */
+ showThumbnail?: boolean;
+
+ /** Shows or disables the toolbar in FileExplorer control.
+ * @Default {true}
+ */
+ showToolbar?: boolean;
+
+ /** Enables or disables the navigation pane in FileExplorer control. The navigation pane contains a tree view element that displays all the folders from the filesystem in a hierarchical manner. This is useful to a quick navigation of any folder in the filesystem.
+ * @Default {true}
+ */
+ showNavigationPane?: boolean;
+
+ /** The tools property is used to configure and group required toolbar items in FileExplorer control.
+ * @Default {{ creation: [NewFolder], navigation: [Back, Forward, Upward], addressBar: [Addressbar], editing: [Refresh, Upload, Delete, Rename, Download], copyPaste: [Cut, Copy, Paste], getProperties: [Details], searchBar: [Searchbar], layout: [Layout]}}
+ */
+ tools?: any;
+
+ /** The toolsList property is used to arrange the toolbar items in the FileExplorer control.
+ * @Default {[layout, creation, navigation, addressBar, editing, copyPaste, getProperties, searchBar]}
+ */
+ toolsList?: Array;
+
+ /** Gets or sets an object that indicates whether to customize the upload behavior in the FileExplorer.
+ */
+ uploadSettings?: UploadSettings;
+
+ /** Specifies the width of FileExplorer control.
+ * @Default {850}
+ */
+ width?: string|number;
+
+ /** Fires before the AJAX request is performed. */
+ beforeAjaxRequest? (e: BeforeAjaxRequestEventArgs): void;
+
+ /** Fires before downloading the files. */
+ beforeDownload? (e: BeforeDownloadEventArgs): void;
+
+ /** Fires before getting a requested image from server. Also this event will be triggered when you have enabled thumbnail image compression option in FileExplorer.Using this event, you can customize the image compression size. */
+ beforeGetImage? (e: BeforeGetImageEventArgs): void;
+
+ /** Fires before files or folders open. */
+ beforeOpen? (e: BeforeOpenEventArgs): void;
+
+ /** Fires before uploading the files. */
+ beforeUpload? (e: BeforeUploadEventArgs): void;
+
+ /** Fires when FileExplorer control was created */
+ create? (e: CreateEventArgs): void;
+
+ /** Fires when file or folder is copied successfully. */
+ copy? (e: CopyEventArgs): void;
+
+ /** Fires when new folder is created successfully in file system. */
+ createFolder? (e: CreateFolderEventArgs): void;
+
+ /** Fires when file or folder is cut successfully. */
+ cut? (e: CutEventArgs): void;
+
+ /** Fires when the FileExplorer is destroyed successfully. */
+ destroy? (e: DestroyEventArgs): void;
+
+ /** Fires when the files or directory has been started to drag over on the FileExplorer */
+ dragStart? (e: DragStartEventArgs): void;
+
+ /** Fires when the files or directory is dragging over on the FileExplorer. */
+ drag? (e: DragEventArgs): void;
+
+ /** Fires when the files or directory has been stopped to drag over on FileExplorer */
+ dragStop? (e: DragStopEventArgs): void;
+
+ /** Fires when the files or directory is dropped to the target folder of FileExplorer */
+ drop? (e: DropEventArgs): void;
+
+ /** Fires after loading the requested image from server. Using this event, you can get the details of loaded image. */
+ getImage? (e: GetImageEventArgs): void;
+
+ /** Fires when the file view type is changed. */
+ layoutChange? (e: LayoutChangeEventArgs): void;
+}
+
+export interface BeforeAjaxRequestEventArgs {
+
+ /** Set to true when the event has to be canceled, else false.
+ */
+ cancel?: boolean;
+
+ /** returns the AJAX request data
+ */
+ data?: any;
+
+ /** returns the FileExplorer model
+ */
+ model?: ej.FileExplorer.Model;
+
+ /** returns the name of the event
+ */
+ type?: string;
+}
+
+export interface BeforeDownloadEventArgs {
+
+ /** Set to true when the event has to be canceled, else false.
+ */
+ cancel?: boolean;
+
+ /** returns the downloaded file names.
+ */
+ files?: string[];
+
+ /** returns the FileExplorer model.
+ */
+ model?: ej.FileExplorer.Model;
+
+ /** returns the path of currently opened item.
+ */
+ path?: string;
+
+ /** returns the selected item details.
+ */
+ selectedItems?: any;
+
+ /** returns the name of the event.
+ */
+ type?: string;
+}
+
+export interface BeforeGetImageEventArgs {
+
+ /** set to true when the event has to be canceled, else false.
+ */
+ cancel?: boolean;
+
+ /** enable or disable the image compress option.
+ */
+ canCompress?: boolean;
+
+ /** returns the FileExplorer model.
+ */
+ model?: ej.FileExplorer.Model;
+
+ /** returns the expected image size.
+ */
+ size?: any;
+
+ /** returns the selected item details.
+ */
+ selectedItems?: any;
+
+ /** returns the name of the event.
+ */
+ type?: string;
+}
+
+export interface BeforeOpenEventArgs {
+
+ /** Set to true when the event has to be canceled, else false.
+ */
+ cancel?: boolean;
+
+ /** returns the opened item type.
+ */
+ itemType?: string;
+
+ /** returns the FileExplorer model.
+ */
+ model?: ej.FileExplorer.Model;
+
+ /** returns the path of currently opened item.
+ */
+ path?: string;
+
+ /** returns the selected item details.
+ */
+ selectedItems?: any;
+
+ /** returns the name of the event.
+ */
+ type?: string;
+}
+
+export interface BeforeUploadEventArgs {
+
+ /** Set to true when the event has to be canceled, else false.
+ */
+ cancel?: boolean;
+
+ /** returns the FileExplorer model.
+ */
+ model?: ej.FileExplorer.Model;
+
+ /** returns the path of currently opened item.
+ */
+ path?: string;
+
+ /** returns the selected item details.
+ */
+ selectedItems?: any;
+
+ /** returns the name of the event.
+ */
+ type?: string;
+}
+
+export interface CreateEventArgs {
+
+ /** Set to true when the event has to be canceled, else false.
+ */
+ cancel?: boolean;
+
+ /** returns the FileExplorer model.
+ */
+ model?: ej.FileExplorer.Model;
+
+ /** returns the name of the event.
+ */
+ type?: string;
+}
+
+export interface CopyEventArgs {
+
+ /** Set to true when the event has to be canceled, else false.
+ */
+ cancel?: boolean;
+
+ /** returns the FileExplorer model.
+ */
+ model?: ej.FileExplorer.Model;
+
+ /** returns the name of copied file/folder.
+ */
+ name?: string[];
+
+ /** returns the selected item details.
+ */
+ selectedItems?: any;
+
+ /** returns the source path.
+ */
+ sourcePath?: string;
+
+ /** returns the name of the event.
+ */
+ type?: string;
+}
+
+export interface CreateFolderEventArgs {
+
+ /** Set to true when the event has to be canceled, else false.
+ */
+ cancel?: boolean;
+
+ /** returns the AJAX response data
+ */
+ data?: any;
+
+ /** returns the FileExplorer model
+ */
+ model?: ej.FileExplorer.Model;
+
+ /** returns the selected item details
+ */
+ selectedItems?: any;
+
+ /** returns the name of the event.
+ */
+ type?: string;
+}
+
+export interface CutEventArgs {
+
+ /** Set to true when the event has to be canceled, else false.
+ */
+ cancel?: boolean;
+
+ /** returns the FileExplorer model.
+ */
+ model?: ej.FileExplorer.Model;
+
+ /** returns the name of moved file or folder.
+ */
+ name?: string[];
+
+ /** returns the selected item details.
+ */
+ selectedItems?: any;
+
+ /** returns the source path.
+ */
+ sourcePath?: string;
+
+ /** returns the name of the event.
+ */
+ type?: string;
+}
+
+export interface DestroyEventArgs {
+
+ /** Set to true when the event has to be canceled, else false.
+ */
+ cancel?: boolean;
+
+ /** returns the FileExplorer model.
+ */
+ model?: ej.FileExplorer.Model;
+
+ /** returns the name of the event.
+ */
+ type?: string;
+}
+
+export interface DragStartEventArgs {
+
+ /** set to true when the event has to be canceled, else false.
+ */
+ cancel?: boolean;
+
+ /** returns the FileExplorer model.
+ */
+ model?: ej.FileExplorer.Model;
+
+ /** returns the name of the event.
+ */
+ type?: string;
+
+ /** returns the dragging element.
+ */
+ target?: any;
+
+ /** returns the path of dragging element.
+ */
+ targetPath?: string;
+
+ /** returns the dragging file details.
+ */
+ selectedItems?: any;
+}
+
+export interface DragEventArgs {
+
+ /** set to true when the event has to be canceled, else false.
+ */
+ cancel?: boolean;
+
+ /** returns the FileExplorer model.
+ */
+ model?: ej.FileExplorer.Model;
+
+ /** returns the name of the event.
+ */
+ type?: string;
+
+ /** returns the target element.
+ */
+ target?: any;
+
+ /** returns the name of target element.
+ */
+ targetElementName?: string;
+
+ /** returns the path of target element.
+ */
+ targetPath?: string;
+}
+
+export interface DragStopEventArgs {
+
+ /** set to true when the event has to be canceled, else false.
+ */
+ cancel?: boolean;
+
+ /** returns the FileExplorer model.
+ */
+ model?: ej.FileExplorer.Model;
+
+ /** returns the name of the event.
+ */
+ type?: string;
+
+ /** returns the target element.
+ */
+ target?: any;
+
+ /** returns the path of target element.
+ */
+ targetPath?: string;
+
+ /** returns the name of target element
+ */
+ targetElementName?: string;
+
+ /** returns the action, which is performed after dropping the files (upload/ move).
+ */
+ dropAction?: string;
+
+ /** returns the dragging file details
+ */
+ fileInfo?: any;
+}
+
+export interface DropEventArgs {
+
+ /** set to true when the event has to be canceled, else false.
+ */
+ cancel?: boolean;
+
+ /** returns the FileExplorer model.
+ */
+ model?: ej.FileExplorer.Model;
+
+ /** returns the name of the event.
+ */
+ type?: string;
+
+ /** returns the target element.
+ */
+ target?: any;
+
+ /** returns the name of target folder.
+ */
+ targetFolder?: string;
+
+ /** returns the path of target folder.
+ */
+ targetPath?: string;
+
+ /** returns the dragging element details.
+ */
+ fileInfo?: any;
+
+ /** returns the action, which is performed after dropping the files (upload/ move).
+ */
+ dropAction?: string;
+}
+
+export interface GetImageEventArgs {
+
+ /** set to true when the event has to be canceled, else false.
+ */
+ cancel?: boolean;
+
+ /** loaded image path.
+ */
+ path?: string;
+
+ /** loaded image element
+ */
+ element?: any;
+
+ /** returns the FileExplorer model.
+ */
+ model?: ej.FileExplorer.Model;
+
+ /** original arguments of image load or error event
+ */
+ originalArgs?: any;
+
+ /** returns the action type, which specifies thumbnail preview or opening image.
+ */
+ action?: string;
+
+ /** returns the name of the event.
+ */
+ type?: string;
+}
+
+export interface LayoutChangeEventArgs {
+
+ /** Set to true when the event has to be canceled, else false.
+ */
+ cancel?: boolean;
+
+ /** return true when we change the layout via interaction, else false.
+ */
+ isInteraction?: boolean;
+
+ /** returns the FileExplorer model.
+ */
+ model?: ej.FileExplorer.Model;
+
+ /** returns the name of the event.
+ */
+ type?: string;
+}
+
+export interface ContextMenuSettings {
+
+ /** The items property is used to configure and group the required ContextMenu items in FileExplorer control.
+ * @Default {{% highlight javascript %}{navbar: [NewFolder, Upload, |, Delete, Rename, |, Cut, Copy, Paste, |, Getinfo],cwd: [Refresh, Paste,|, Sortby, |, NewFolder, Upload, |, Getinfo],files: [Open, Download, |, Upload, |, Delete, Rename, |, Cut, Copy, Paste, |, OpenFolderLocation, Getinfo]}{% endhighlight %}}
+ */
+ items?: any;
+
+ /** The customMenuFields property is used to define custom functionality for custom ContextMenu item's which are defined in items property.
+ * @Default {[]}
+ */
+ customMenuFields?: Array;
+}
+
+export interface FilterSettings {
+
+ /** It allows to search the text given in search Textbox in every keyup event. When this property was set as false, searching will works only on Enter key and searchbar blur.
+ * @Default {true}
+ */
+ allowSearchOnTyping?: boolean;
+
+ /** Enables or disables to perform the filter operation with case sensitive.
+ * @Default {false}
+ */
+ caseSensitiveSearch?: boolean;
+
+ /** Sets the search filter type. There are several filter types available such as "startswith", "contains", "endswith". See filterType.
+ * @Default {ej.FileExplorer.filterType.Contains}
+ */
+ filterType?: ej.FilterType|string;
+}
+
+export interface GridSettings {
+
+ /** Allows to Resize the width of the columns by simply click and move the particular column header line.
+ * @Default {true}
+ */
+ allowResizing?: boolean;
+
+ /** Gets or sets a value that indicates whether to enable the dynamic sorting behavior on grid data. Sorting can be done through clicking on particular column header.
+ * @Default {true}
+ */
+ allowSorting?: boolean;
+
+ /** Gets or sets an object that indicates to render the grid with specified columns. You can use this property same as the column property in Grid control.
+ * @Default {[{ field: name, headerText: Name, width: 30% }, { field: dateModified, headerText: Date Modified, width: 30% }, { field: type, headerText: Type, width: 15% }, { field: size, headerText: Size, width: 12%, textAlign: right, headerTextAlign: left }]}
+ */
+ columns?: Array;
+}
+
+export interface UploadSettings {
+
+ /** Specifies the maximum file size allowed to upload. It accepts the value in bytes.
+ * @Default {31457280}
+ */
+ maxFileSize?: number;
+
+ /** Enables or disables the multiple files upload. When it is enabled, you can upload multiple files at a time and when disabled, you can upload only one file at a time.
+ * @Default {true}
+ */
+ allowMultipleFile?: boolean;
+
+ /** Enables or disables the auto upload option while uploading files in FileExplorer control.
+ * @Default {false}
+ */
+ autoUpload?: boolean;
+}
+
+enum layoutType{
+
+ ///Supports to display files in tile view
+ Tile,
+
+ ///Supports to display files in grid view
+ Grid,
+
+ ///Supports to display files as large icons
+ LargeIcons
+}
+
+}
+
+class DatePicker extends ej.Widget {
+ static fn: DatePicker;
+ constructor(element: JQuery, options?: DatePicker.Model);
+ constructor(element: Element, options?: DatePicker.Model);
+ model:DatePicker.Model;
+ defaults:DatePicker.Model;
+
+ /** Disables the DatePicker control.
+ * @returns {void}
+ */
+ disable(): void;
+
+ /** Enable the DatePicker control, if it is in disabled state.
+ * @returns {void}
+ */
+ enable(): void;
+
+ /** Returns the current date value in the DatePicker control.
+ * @returns {string}
+ */
+ getValue(): string;
+
+ /** Close the DatePicker popup, if it is in opened state.
+ * @returns {void}
+ */
+ hide(): void;
+
+ /** Opens the DatePicker popup.
+ * @returns {void}
+ */
+ show(): void;
+}
+export module DatePicker{
+
+export interface Model {
+
+ /** Used to allow or restrict the editing in DatePicker input field directly. By setting false to this API, You can only pick the date from DatePicker popup.
+ * @Default {true}
+ */
+ allowEdit?: boolean;
+
+ /** allow or restrict the drill down to multiple levels of view (month/year/decade) in DatePicker calendar
+ * @Default {true}
+ */
+ allowDrillDown?: boolean;
+
+ /** Disable the list of specified date value.
+ * @Default {{}}
+ */
+ blackoutDates?: any;
+
+ /** Sets the specified text value to the today button in the DatePicker calendar.
+ * @Default {Today}
+ */
+ buttonText?: string;
+
+ /** Sets the root CSS class for DatePicker theme, which is used customize.
+ */
+ cssClass?: string;
+
+ /** Formats the value of the DatePicker in to the specified date format. If this API is not specified, dateFormat will be set based on the current culture of DatePicker.
+ * @Default {MM/dd/yyyy}
+ */
+ dateFormat?: string;
+
+ /** Specifies the header format of days in DatePicker calendar. See below to get available Headers options
+ * @Default {ej.DatePicker.Header.Short}
+ */
+ dayHeaderFormat?: string | ej.DatePicker.Header;
+
+ /** Specifies the navigation depth level in DatePicker calendar. This option is not applied when start level view option is lower than depth level view. See below to know available levels in DatePicker Calendar
+ */
+ depthLevel?: string | ej.DatePicker.Level;
+
+ /** Allows to embed the DatePicker calendar in the page. Also associates DatePicker with div element instead of input.
+ * @Default {false}
+ */
+ displayInline?: boolean;
+
+ /** Enables or disables the animation effect with DatePicker calendar.
+ * @Default {true}
+ */
+ enableAnimation?: boolean;
+
+ /** Enable or disable the DatePicker control.
+ * @Default {true}
+ */
+ enabled?: boolean;
+
+ /** Sustain the entire widget model of DatePicker even after form post or browser refresh
+ * @Default {false}
+ */
+ enablePersistence?: boolean;
+
+ /** Displays DatePicker calendar along with DatePicker input field in Right to Left direction.
+ * @Default {false}
+ */
+ enableRTL?: boolean;
+
+ /** Allows to enter valid or invalid date in input textbox and indicate as error if it is invalid value, when this API value is set to true. For false value, invalid date is not allowed to input field and corrected to valid date automatically, even if invalid date is given.
+ * @Default {false}
+ */
+ enableStrictMode?: boolean;
+
+ /** Used the required fields for special Dates in DatePicker in order to customize the special dates in a calendar.
+ * @Default {null}
+ */
+ fields?: Fields;
+
+ /** Specifies the header format to be displayed in the DatePicker calendar.
+ * @Default {MMMM yyyy}
+ */
+ headerFormat?: string;
+
+ /** Specifies the height of the DatePicker input text.
+ * @Default {28px}
+ */
+ height?: string;
+
+ /** HighlightSection is used to highlight currently selected date's month/week/workdays. See below to get available HighlightSection options
+ * @Default {none}
+ */
+ highlightSection?: string | ej.DatePicker.HighlightSection;
+
+ /** Weekend dates will be highlighted when this property is set to true.
+ * @Default {false}
+ */
+ highlightWeekend?: boolean;
+
+ /** Specifies the HTML Attributes of the DatePicker.
+ * @Default {{}}
+ */
+ htmlAttributes?: any;
+
+ /** Change the DatePicker calendar and date format based on given culture.
+ * @Default {en-US}
+ */
+ locale?: string;
+
+ /** Specifies the maximum date in the calendar that the user can select.
+ * @Default {new Date(2099, 11, 31)}
+ */
+ maxDate?: string|Date;
+
+ /** Specifies the minimum date in the calendar that the user can select.
+ * @Default {new Date(1900, 00, 01)}
+ */
+ minDate?: string|Date;
+
+ /** Allows to toggles the read only state of the DatePicker. When the widget is readOnly, it doesn't allow your input.
+ * @Default {false}
+ */
+ readOnly?: boolean;
+
+ /** It allow to show/hide the disabled date ranges
+ * @Default {true}
+ */
+ showDisabledRange?: boolean;
+
+ /** It allows to display footer in DatePicker calendar.
+ * @Default {true}
+ */
+ showFooter?: boolean;
+
+ /** It allows to display/hides the other months days from the current month calendar in a DatePicker.
+ * @Default {true}
+ */
+ showOtherMonths?: boolean;
+
+ /** Shows/hides the date icon button at right side of textbox, which is used to open or close the DatePicker calendar popup.
+ * @Default {true}
+ */
+ showPopupButton?: boolean;
+
+ /** DatePicker input is displayed with rounded corner when this property is set to true.
+ * @Default {false}
+ */
+ showRoundedCorner?: boolean;
+
+ /** Used to show the tooltip when hovering on the days in the DatePicker calendar.
+ * @Default {true}
+ */
+ showTooltip?: boolean;
+
+ /** Specifies the special dates in DatePicker.
+ * @Default {null}
+ */
+ specialDates?: any;
+
+ /** Specifies the start day of the week in DatePicker calendar.
+ * @Default {0}
+ */
+ startDay?: number;
+
+ /** Specifies the start level view in DatePicker calendar. See below available Levels
+ * @Default {ej.DatePicker.Level.Month}
+ */
+ startLevel?: string | ej.DatePicker.Level;
+
+ /** Specifies the number of months to be navigate for one click of next and previous button in a DatePicker Calendar.
+ * @Default {1}
+ */
+ stepMonths?: number;
+
+ /** Provides option to customize the tooltip format.
+ * @Default {ddd MMM dd yyyy}
+ */
+ tooltipFormat?: string;
+
+ /** Sets the jQuery validation support to DatePicker Date value. See validation
+ * @Default {null}
+ */
+ validationMessage?: any;
+
+ /** Sets the jQuery validation custom rules to the DatePicker. see validation
+ * @Default {null}
+ */
+ validationRules?: any;
+
+ /** sets or returns the current value of DatePicker
+ * @Default {null}
+ */
+ value?: string|Date;
+
+ /** Specifies the water mark text to be displayed in input text.
+ * @Default {Select date}
+ */
+ watermarkText?: string;
+
+ /** Specifies the width of the DatePicker input text.
+ * @Default {160px}
+ */
+ width?: string;
+
+ /** Fires before closing the DatePicker popup. */
+ beforeClose? (e: BeforeCloseEventArgs): void;
+
+ /** Fires when each date is created in the DatePicker popup calendar. */
+ beforeDateCreate? (e: BeforeDateCreateEventArgs): void;
+
+ /** Fires before opening the DatePicker popup. */
+ beforeOpen? (e: BeforeOpenEventArgs): void;
+
+ /** Fires when the DatePicker input value is changed. */
+ change? (e: ChangeEventArgs): void;
+
+ /** Fires when DatePicker popup is closed. */
+ close? (e: CloseEventArgs): void;
+
+ /** Fires when the DatePicker is created successfully. */
+ create? (e: CreateEventArgs): void;
+
+ /** Fires when the DatePicker is destroyed successfully. */
+ destroy? (e: DestroyEventArgs): void;
+
+ /** Fires when DatePicker input gets focus. */
+ focusIn? (e: FocusInEventArgs): void;
+
+ /** Fires when DatePicker input loses the focus. */
+ focusOut? (e: FocusOutEventArgs): void;
+
+ /** Fires when calender view navigates to month/year/decade/century. */
+ navigate? (e: NavigateEventArgs): void;
+
+ /** Fires when DatePicker popup is opened. */
+ open? (e: OpenEventArgs): void;
+
+ /** Fires when a date is selected from the DatePicker popup. */
+ select? (e: SelectEventArgs): void;
+}
+
+export interface BeforeCloseEventArgs {
+
+ /** Set to true when the event has to be canceled, else false.
+ */
+ cancel?: boolean;
+
+ /** returns the DatePicker model.
+ */
+ model?: ej.DatePicker.Model;
+
+ /** returns the name of the event.
+ */
+ type?: string;
+
+ /** returns the event parameters from DatePicker.
+ */
+ events?: any;
+
+ /** returns the DatePicker popup.
+ */
+ element?: HTMLElement;
+}
+
+export interface BeforeDateCreateEventArgs {
+
+ /** Set to true when the event has to be canceled, else false.
+ */
+ cancel?: boolean;
+
+ /** returns the DatePicker model.
+ */
+ model?: ej.DatePicker.Model;
+
+ /** returns the name of the event.
+ */
+ type?: string;
+
+ /** returns the currently created date object.
+ */
+ date?: any;
+
+ /** returns the current DOM object of the date from the Calendar.
+ */
+ element?: HTMLElement;
+
+ /** returns the currently created date as string type.
+ */
+ value?: string;
+}
+
+export interface BeforeOpenEventArgs {
+
+ /** Set to true when the event has to be canceled, else false.
+ */
+ cancel?: boolean;
+
+ /** returns the DatePicker model.
+ */
+ model?: ej.DatePicker.Model;
+
+ /** returns the name of the event.
+ */
+ type?: string;
+
+ /** returns the event parameters from DatePicker.
+ */
+ events?: any;
+
+ /** returns the DatePicker popup.
+ */
+ element?: HTMLElement;
+}
+
+export interface ChangeEventArgs {
+
+ /** Set to true when the event has to be canceled, else false.
+ */
+ cancel?: boolean;
+
+ /** returns the DatePicker model.
+ */
+ model?: ej.DatePicker.Model;
+
+ /** returns the name of the event.
+ */
+ type?: string;
+
+ /** returns the DatePicker input value.
+ */
+ value?: string;
+
+ /** returns the previously selected value.
+ */
+ prevDate?: string;
+}
+
+export interface CloseEventArgs {
+
+ /** Set to true when the event has to be canceled, else false.
+ */
+ cancel?: boolean;
+
+ /** returns the current date object.
+ */
+ date?: any;
+
+ /** returns the DatePicker model.
+ */
+ model?: ej.DatePicker.Model;
+
+ /** returns the name of the event.
+ */
+ type?: string;
+
+ /** returns the current date value.
+ */
+ value?: string;
+
+ /** returns the previously selected value.
+ */
+ prevDate?: string;
+}
+
+export interface CreateEventArgs {
+
+ /** Set to true when the event has to be canceled, else false.
+ */
+ cancel?: boolean;
+
+ /** returns the DatePicker model.
+ */
+ model?: ej.DatePicker.Model;
+
+ /** returns the name of the event.
+ */
+ type?: string;
+}
+
+export interface DestroyEventArgs {
+
+ /** Set to true when the event has to be canceled, else false.
+ */
+ cancel?: boolean;
+
+ /** returns the DatePicker model.
+ */
+ model?: ej.DatePicker.Model;
+
+ /** returns the name of the event.
+ */
+ type?: string;
+}
+
+export interface FocusInEventArgs {
+
+ /** Set to true when the event has to be canceled, else false.
+ */
+ cancel?: boolean;
+
+ /** returns the DatePicker model.
+ */
+ model?: ej.DatePicker.Model;
+
+ /** returns the name of the event.
+ */
+ type?: string;
+
+ /** returns the currently selected date value.
+ */
+ value?: string;
+}
+
+export interface FocusOutEventArgs {
+
+ /** Set to true when the event has to be canceled, else false.
+ */
+ cancel?: boolean;
+
+ /** returns the DatePicker model.
+ */
+ model?: ej.DatePicker.Model;
+
+ /** returns the name of the event.
+ */
+ type?: string;
+
+ /** returns the currently selected date value.
+ */
+ value?: string;
+
+ /** returns the previously selected date value.
+ */
+ prevDate?: string;
+}
+
+export interface NavigateEventArgs {
+
+ /** Set to true when the event has to be canceled, else false.
+ */
+ cancel?: boolean;
+
+ /** returns the current date object.
+ */
+ date?: any;
+
+ /** returns the DatePicker model.
+ */
+ model?: ej.DatePicker.Model;
+
+ /** returns the previous view state of calendar.
+ */
+ navigateFrom?: string;
+
+ /** returns the current view state of calendar.
+ */
+ navigateTo?: string;
+
+ /** returns the name of the event
+ */
+ type?: string;
+
+ /** returns the current date value.
+ */
+ value?: string;
+}
+
+export interface OpenEventArgs {
+
+ /** Set to true when the event has to be canceled, else false.
+ */
+ cancel?: boolean;
+
+ /** returns the current date object.
+ */
+ date?: any;
+
+ /** returns the DatePicker model.
+ */
+ model?: ej.DatePicker.Model;
+
+ /** returns the name of the event
+ */
+ type?: string;
+
+ /** returns the current date value.
+ */
+ value?: string;
+
+ /** returns the previously selected value.
+ */
+ prevDate?: string;
+}
+
+export interface SelectEventArgs {
+
+ /** Set to true when the event has to be canceled, else false.
+ */
+ cancel?: boolean;
+
+ /** returns the selected date object.
+ */
+ date?: any;
+
+ /** returns the DatePicker model.
+ */
+ model?: ej.DatePicker.Model;
+
+ /** returns the name of the event.
+ */
+ type?: string;
+
+ /** returns the current date value.
+ */
+ value?: string;
+
+ /** returns the previously selected value.
+ */
+ prevDate?: string;
+
+ /** returns whether the currently selected date is special date or not.
+ */
+ isSpecialDay?: string;
+}
+
+export interface Fields {
+
+ /** Specifies the specials dates
+ */
+ date?: string;
+
+ /** Specifies the icon class to special dates.
+ */
+ iconClass?: string;
+
+ /** Specifies the tooltip to special dates.
+ */
+ tooltip?: string;
+
+ /** Specifies the CSS class to customize the date.
+ */
+ cssClass?: string;
+}
+
+enum Header{
+
+ ///Removes day header in DatePicker
+ None,
+
+ ///sets the short format of day name (like Sun) in header in DatePicker
+ Short,
+
+ ///sets the Min format of day name (like su) in header format DatePicker
+ Min
+}
+
+
+enum Level{
+
+ ///allow navigation upto year level in DatePicker
+ Year,
+
+ ///allow navigation upto decade level in DatePicker
+ Decade,
+
+ ///allow navigation upto Century level in DatePicker
+ Century
+}
+
+
+enum HighlightSection{
+
+ ///Highlight the week of the currently selected date in DatePicker popup calendar
+ Week,
+
+ ///Highlight the workdays in a currently selected date's week in DatePicker popup calendar
+ WorkDays,
+
+ ///Nothing will be highlighted, remove highlights from DatePicker popup calendar if already exists
+ None
+}
+
+}
+
+class DateTimePicker extends ej.Widget {
+ static fn: DateTimePicker;
+ constructor(element: JQuery, options?: DateTimePicker.Model);
+ constructor(element: Element, options?: DateTimePicker.Model);
+ model:DateTimePicker.Model;
+ defaults:DateTimePicker.Model;
+
+ /** Disables the DateTimePicker control.
+ * @returns {void}
+ */
+ disable(): void;
+
+ /** Enables the DateTimePicker control.
+ * @returns {void}
+ */
+ enable(): void;
+
+ /** Returns the current datetime value in the DateTimePicker.
+ * @returns {string}
+ */
+ getValue(): string;
+
+ /** Hides or closes the DateTimePicker popup.
+ * @returns {void}
+ */
+ hide(): void;
+
+ /** Updates the current system date value and time value to the DateTimePicker.
+ * @returns {void}
+ */
+ setCurrentDateTime(): void;
+
+ /** Shows or opens the DateTimePicker popup.
+ * @returns {void}
+ */
+ show(): void;
+}
+export module DateTimePicker{
+
+export interface Model {
+
+ /** Displays the custom text for the buttons inside the DateTimePicker popup. when the culture value changed, we can change the buttons text based on the culture.
+ * @Default {{ today: Today, timeNow: Time Now, done: Done, timeTitle: Time }}
+ */
+ buttonText?: ButtonText;
+
+ /** Set the root class for DateTimePicker theme. This cssClass API helps to use custom skinning option for DateTimePicker control.
+ */
+ cssClass?: string;
+
+ /** Defines the datetime format displayed in the DateTimePicker. The value should be a combination of date format and time format.
+ * @Default {M/d/yyyy h:mm tt}
+ */
+ dateTimeFormat?: string;
+
+ /** Specifies the header format of the datepicker inside the DateTimePicker popup. See DatePicker.Header
+ * @Default {ej.DatePicker.Header.Short}
+ */
+ dayHeaderFormat?: ej.DatePicker.Header|string;
+
+ /** Specifies the navigation depth level in DatePicker calendar inside DateTimePicker popup. This option is not applied when start level view option is lower than depth level view. See ej.DatePicker.Level
+ */
+ depthLevel?: ej.DatePicker.Level|string;
+
+ /** Enable or disable the animation effect in DateTimePicker.
+ * @Default {true}
+ */
+ enableAnimation?: boolean;
+
+ /** When this property is set to false, it disables the DateTimePicker control.
+ * @Default {false}
+ */
+ enabled?: boolean;
+
+ /** Enables or disables the state maintenance of DateTimePicker.
+ * @Default {false}
+ */
+ enablePersistence?: boolean;
+
+ /** Sets the DateTimePicker direction as right to left alignment.
+ * @Default {false}
+ */
+ enableRTL?: boolean;
+
+ /** When enableStrictMode true it allows the value outside of the range also but it highlights the textbox with error class, otherwise it internally changed to the correct value.
+ * @Default {false}
+ */
+ enableStrictMode?: boolean;
+
+ /** Specifies the header format to be displayed in the DatePicker calendar inside the DateTimePicker popup.
+ * @Default {MMMM yyyy}
+ */
+ headerFormat?: string;
+
+ /** Defines the height of the DateTimePicker textbox.
+ * @Default {30}
+ */
+ height?: string|number;
+
+ /** Specifies the HTML Attributes of the ejDateTimePicker
+ * @Default {{}}
+ */
+ htmlAttributes?: any;
+
+ /** Sets the time interval between the two adjacent time values in the time popup.
+ * @Default {30}
+ */
+ interval?: number;
+
+ /** Defines the localization culture for DateTimePicker.
+ * @Default {en-US}
+ */
+ locale?: string;
+
+ /** Sets the maximum value to the DateTimePicker. Beyond the maximum value an error class is added to the wrapper element when we set true to enableStrictMode.
+ * @Default {new Date(12/31/2099 11:59:59 PM)}
+ */
+ maxDateTime?: string|Date;
+
+ /** Sets the minimum value to the DateTimePicker. Behind the minimum value an error class is added to the wrapper element.
+ * @Default {new Date(1/1/1900 12:00:00 AM)}
+ */
+ minDateTime?: string|Date;
+
+ /** Specifies the popup position of DateTimePicker.See below to know available popup positions
+ * @Default {ej.DateTimePicker.Bottom}
+ */
+ popupPosition?: string | ej.popupPosition;
+
+ /** Indicates that the DateTimePicker value can only be read and can’t change.
+ * @Default {false}
+ */
+ readOnly?: boolean;
+
+ /** It allows showing days in other months of DatePicker calendar inside the DateTimePicker popup.
+ * @Default {true}
+ */
+ showOtherMonths?: boolean;
+
+ /** Shows or hides the arrow button from the DateTimePicker textbox. When the button disabled, the DateTimePicker popup opens while focus in the textbox and hides while focus out from the textbox.
+ * @Default {true}
+ */
+ showPopupButton?: boolean;
+
+ /** Changes the sharped edges into rounded corner for the DateTimePicker textbox and popup.
+ * @Default {false}
+ */
+ showRoundedCorner?: boolean;
+
+ /** Specifies the start day of the week in datepicker inside the DateTimePicker popup.
+ * @Default {1}
+ */
+ startDay?: number;
+
+ /** Specifies the start level view in datepicker inside the DateTimePicker popup. See DatePicker.Level
+ * @Default {ej.DatePicker.Level.Month or month}
+ */
+ startLevel?: ej.DatePicker.Level|string;
+
+ /** Specifies the number of months to navigate at one click of next and previous button in datepicker inside the DateTimePicker popup.
+ * @Default {1}
+ */
+ stepMonths?: number;
+
+ /** Defines the time format displayed in the time dropdown inside the DateTimePicker popup.
+ * @Default {h:mm tt}
+ */
+ timeDisplayFormat?: string;
+
+ /** We can drill down up to time interval on selected date with meridian details.
+ * @Default {{ enabled: false, interval: 5, showMeridian: false, autoClose: true }}
+ */
+ timeDrillDown?: TimeDrillDown;
+
+ /** Defines the width of the time dropdown inside the DateTimePicker popup.
+ * @Default {100}
+ */
+ timePopupWidth?: string|number;
+
+ /** Set the jQuery validation error message in DateTimePicker.
+ * @Default {null}
+ */
+ validationMessage?: any;
+
+ /** Set the jQuery validation rules in DateTimePicker.
+ * @Default {null}
+ */
+ validationRules?: any;
+
+ /** Sets the DateTime value to the control.
+ */
+ value?: string|Date;
+
+ /** Specifies the water mark text to be displayed in input text.
+ * @Default {Select date and time}
+ */
+ watermarkText?: string;
+
+ /** Defines the width of the DateTimePicker textbox.
+ * @Default {143}
+ */
+ width?: string|number;
+
+ /** Fires before the datetime popup closed in the DateTimePicker. */
+ beforeClose? (e: BeforeCloseEventArgs): void;
+
+ /** Fires before the datetime popup open in the DateTimePicker. */
+ beforeOpen? (e: BeforeOpenEventArgs): void;
+
+ /** Fires when the datetime value changed in the DateTimePicker textbox. */
+ change? (e: ChangeEventArgs): void;
+
+ /** Fires when DateTimePicker popup closes. */
+ close? (e: CloseEventArgs): void;
+
+ /** Fires after DateTimePicker control is created. */
+ create? (e: CreateEventArgs): void;
+
+ /** Fires when the DateTimePicker is destroyed successfully */
+ destroy? (e: DestroyEventArgs): void;
+
+ /** Fires when the focus-in happens in the DateTimePicker textbox. */
+ focusIn? (e: FocusInEventArgs): void;
+
+ /** Fires when the focus-out happens in the DateTimePicker textbox. */
+ focusOut? (e: FocusOutEventArgs): void;
+
+ /** Fires when DateTimePicker popup opens. */
+ open? (e: OpenEventArgs): void;
+}
+
+export interface BeforeCloseEventArgs {
+
+ /** Set to true when the event has to be canceled, else false.
+ */
+ cancel?: boolean;
+
+ /** returns the DateTimePicker model.
+ */
+ model?: ej.DateTimePicker.Model;
+
+ /** returns the name of the event.
+ */
+ type?: string;
+
+ /** returns the event parameters from DateTimePicker.
+ */
+ events?: any;
+
+ /** returns the DateTimePicker popup.
+ */
+ element?: HTMLElement;
+}
+
+export interface BeforeOpenEventArgs {
+
+ /** Set to true when the event has to be canceled, else false.
+ */
+ cancel?: boolean;
+
+ /** returns the DateTimePicker model.
+ */
+ model?: ej.DateTimePicker.Model;
+
+ /** returns the name of the event.
+ */
+ type?: string;
+
+ /** returns the event parameters from DateTimePicker.
+ */
+ events?: any;
+
+ /** returns the DateTimePicker popup.
+ */
+ element?: HTMLElement;
+}
+
+export interface ChangeEventArgs {
+
+ /** if the event should be canceled; otherwise, false.
+ */
+ cancel?: boolean;
+
+ /** returns the TimePicker model
+ */
+ model?: ej.DateTimePicker.Model;
+
+ /** returns the name of the event
+ */
+ type?: string;
+
+ /** returns the current value is valid or not
+ */
+ isValidState?: boolean;
+
+ /** returns the modified datetime value
+ */
+ value?: string;
+
+ /** returns the previously selected date time value
+ */
+ prevDateTime?: string;
+
+ /** returns true if change event triggered by interaction, otherwise returns false
+ */
+ isInteraction?: boolean;
+}
+
+export interface CloseEventArgs {
+
+ /** if the event should be canceled; otherwise, false.
+ */
+ cancel?: boolean;
+
+ /** returns the TimePicker model
+ */
+ model?: ej.DateTimePicker.Model;
+
+ /** returns the name of the event
+ */
+ type?: string;
+
+ /** returns the modified datetime value
+ */
+ value?: string;
+
+ /** returns the previously selected date time value
+ */
+ prevDateTime?: string;
+}
+
+export interface CreateEventArgs {
+
+ /** if the event should be canceled; otherwise, false.
+ */
+ cancel?: boolean;
+
+ /** returns the DateTimePicker model
+ */
+ model?: ej.DateTimePicker.Model;
+
+ /** returns the name of the event
+ */
+ type?: string;
+}
+
+export interface DestroyEventArgs {
+
+ /** if the event should be canceled; otherwise, false.
+ */
+ cancel?: boolean;
+
+ /** returns the DateTimePicker model
+ */
+ model?: ej.DateTimePicker.Model;
+
+ /** returns the name of the event
+ */
+ type?: string;
+}
+
+export interface FocusInEventArgs {
+
+ /** if the event should be canceled; otherwise, false.
+ */
+ cancel?: boolean;
+
+ /** returns the TimePicker model
+ */
+ model?: ej.DateTimePicker.Model;
+
+ /** returns the name of the event
+ */
+ type?: string;
+
+ /** returns the datetime value, which is in text box
+ */
+ value?: string;
+}
+
+export interface FocusOutEventArgs {
+
+ /** if the event should be canceled; otherwise, false.
+ */
+ cancel?: boolean;
+
+ /** returns the TimePicker model
+ */
+ model?: ej.DateTimePicker.Model;
+
+ /** returns the name of the event
+ */
+ type?: string;
+
+ /** returns the datetime value, which is in text box
+ */
+ value?: string;
+}
+
+export interface OpenEventArgs {
+
+ /** if the event should be canceled; otherwise, false.
+ */
+ cancel?: boolean;
+
+ /** returns the TimePicker model
+ */
+ model?: ej.DateTimePicker.Model;
+
+ /** returns the name of the event
+ */
+ type?: string;
+
+ /** returns the modified datetime value
+ */
+ value?: string;
+
+ /** returns the previously selected date time value
+ */
+ prevDateTime?: string;
+}
+
+export interface ButtonText {
+
+ /** Sets the text for the Done button inside the datetime popup.
+ */
+ done?: string;
+
+ /** Sets the text for the Now button inside the datetime popup.
+ */
+ timeNow?: string;
+
+ /** Sets the header text for the Time dropdown.
+ */
+ timeTitle?: string;
+
+ /** Sets the text for the Today button inside the datetime popup.
+ */
+ today?: string;
+}
+
+export interface TimeDrillDown {
+
+ /** This is the field to show/hide the timeDrillDown in DateTimePicker.
+ */
+ enabled?: boolean;
+
+ /** Sets the interval time of minutes on selected date.
+ */
+ interval?: number;
+
+ /** Allows the user to show or hide the meridian with time in DateTimePicker.
+ */
+ showMeridian?: boolean;
+
+ /** After choosing the time, the popup will close automatically if we set it as true, otherwise we focus out the DateTimePicker or choose timeNow button for closing the popup.
+ */
+ autoClose?: boolean;
+}
+}
+enum popupPosition
+{
+//Opens the DateTimePicker popup below to the DateTimePicker input box
+Bottom,
+//Opens the DateTimePicker popup above to the DateTimePicker input box
+Top,
+}
+
+class Dialog extends ej.Widget {
+ static fn: Dialog;
+ constructor(element: JQuery, options?: Dialog.Model);
+ constructor(element: Element, options?: Dialog.Model);
+ model:Dialog.Model;
+ defaults:Dialog.Model;
+
+ /** Closes the dialog widget dynamically.
+ * @returns {void}
+ */
+ close(): void;
+
+ /** Collapses the content area when it is expanded.
+ * @returns {void}
+ */
+ collapse(): void;
+
+ /** Destroys the Dialog widget.
+ * @returns {void}
+ */
+ destroy(): void;
+
+ /** Expands the content area when it is collapsed.
+ * @returns {void}
+ */
+ expand(): void;
+
+ /** Checks whether the Dialog widget is opened or not. This methods returns Boolean value.
+ * @returns {void}
+ */
+ isOpen(): void;
+
+ /** Maximizes the Dialog widget.
+ * @returns {void}
+ */
+ maximize(): void;
+
+ /** Minimizes the Dialog widget.
+ * @returns {void}
+ */
+ minimize(): void;
+
+ /** Opens the Dialog widget.
+ * @returns {void}
+ */
+ open(): void;
+
+ /** Pins the dialog in its current position.
+ * @returns {void}
+ */
+ pin(): void;
+
+ /** Restores the dialog.
+ * @returns {void}
+ */
+ restore(): void;
+
+ /** Unpins the Dialog widget.
+ * @returns {void}
+ */
+ unpin(): void;
+
+ /** Sets the title for the Dialog widget.
+ * @param {string} The title for the dialog widget.
+ * @returns {void}
+ */
+ setTitle(Title: string): void;
+
+ /** Sets the content for the Dialog widget dynamically.
+ * @param {string} The content for the dialog widget. It accepts both string and HTML string.
+ * @returns {void}
+ */
+ setContent(content: string): void;
+
+ /** Sets the focus on the Dialog widget.
+ * @returns {void}
+ */
+ focus(): void;
+}
+export module Dialog{
+
+export interface Model {
+
+ /** Adds action buttons like close, minimize, pin, maximize in the dialog header.
+ */
+ actionButtons?: string[];
+
+ /** Enables or disables draggable.
+ */
+ allowDraggable?: boolean;
+
+ /** Enables or disables keyboard interaction.
+ */
+ allowKeyboardNavigation?: boolean;
+
+ /** Customizes the Dialog widget animations. The Dialog widget can be animated while opening and closing the dialog. In order to customize animation effects, you need to set “enableAnimation†as true. It contains the following sub properties.
+ */
+ animation?: any;
+
+ /** Closes the dialog widget on pressing the ESC key when it is set to true.
+ */
+ closeOnEscape?: boolean;
+
+ /** The selector for the container element. If the property is set, then dialog will append to the selected element and it is restricted to move only within the specified container element.
+ */
+ containment?: string;
+
+ /** The content type to load the dialog content at run time. The possible values are null, AJAX, iframe and image. When it is null (default value), the content inside dialog element will be displayed as content and when it is not null, the content will be loaded from the URL specified in the contentUrl property.
+ */
+ contentType?: string;
+
+ /** The URL to load the dialog content (such as AJAX, image, and iframe). In order to load content from URL, you need to set contentType as ‘ajax’ or ‘iframe’ or ‘image’.
+ */
+ contentUrl?: string;
+
+ /** The root class for the Dialog widget to customize the existing theme.
+ */
+ cssClass?: string;
+
+ /** Enable or disables animation when the dialog is opened or closed.
+ */
+ enableAnimation?: boolean;
+
+ /** Enables or disables the Dialog widget.
+ */
+ enabled?: boolean;
+
+ /** Enable or disables modal dialog. The modal dialog acts like a child window that is displayed on top of the main window/screen and disables the main window interaction until it is closed.
+ */
+ enableModal?: boolean;
+
+ /** Allows the current model values to be saved in local storage or browser cookies for state maintenance when it is set to true.
+ */
+ enablePersistence?: boolean;
+
+ /** Allows the dialog to be resized. The dialog cannot be resized less than the minimum height, width values and greater than the maximum height and width.
+ */
+ enableResize?: boolean;
+
+ /** Displays dialog content from right to left when set to true.
+ */
+ enableRTL?: boolean;
+
+ /** The CSS class name to display the favicon in the dialog header. In order to display favicon, you need to set showHeader as true since the favicon will be displayed in the dialog header.
+ */
+ faviconCSS?: string;
+
+ /** Sets the height for the dialog widget. It accepts both string and integer values. For example, it can accepts values like “autoâ€, “100%â€, “100px†as string type and “100â€, “500†as integer type.
+ */
+ height?: string|number;
+
+ /** Enable or disables responsive behavior.
+ */
+ isResponsive?: boolean;
+
+ /** Set the localization culture for Dialog Widget.
+ */
+ locale?: number;
+
+ /** Sets the maximum height for the dialog widget.
+ */
+ maxHeight?: number;
+
+ /** Sets the maximum width for the dialog widget.
+ */
+ maxWidth?: number;
+
+ /** Sets the minimum height for the dialog widget.
+ */
+ minHeight?: number;
+
+ /** Sets the minimum width for the dialog widget.
+ */
+ minWidth?: number;
+
+ /** Displays the Dialog widget at the given X and Y position.
+ */
+ position?: any;
+
+ /** Shows or hides the dialog header.
+ */
+ showHeader?: boolean;
+
+ /** The Dialog widget can be opened by default i.e. on initialization, when it is set to true.
+ */
+ showOnInit?: boolean;
+
+ /** Enables or disables the rounder corner.
+ */
+ showRoundedCorner?: boolean;
+
+ /** The selector for the container element. If this property is set, the dialog will be displayed (positioned) based on its container.
+ */
+ target?: string;
+
+ /** The title text to be displayed in the dialog header. In order to set title, you need to set showHeader as true since the title will be displayed in the dialog header.
+ */
+ title?: string;
+
+ /** Add or configure the tooltip text for actionButtons in the dialog header.
+ */
+ tooltip?: any;
+
+ /** Sets the height for the dialog widget. It accepts both string and integer values. For example, it can accepts values like “autoâ€, “100%â€, “100px†as string type and “100â€, “500†as integer type.
+ */
+ width?: string|number;
+
+ /** Sets the z-index value for the Dialog widget.
+ */
+ zIndex?: number;
+
+ /** Sets the Footer for the Dialog widget.
+ */
+ showFooter?: boolean;
+
+ /** Sets the FooterTemplate for the Dialog widget.
+ */
+ footerTemplateId?: string;
+
+ /** This event is triggered before the dialog widgets gets open. */
+ beforeOpen? (e: BeforeOpenEventArgs): void;
+
+ /** This event is triggered whenever the AJAX request fails to retrieve the dialog content. */
+ ajaxError? (e: AjaxErrorEventArgs): void;
+
+ /** This event is triggered whenever the AJAX request to retrieve the dialog content, gets succeed. */
+ ajaxSuccess? (e: AjaxSuccessEventArgs): void;
+
+ /** This event is triggered before the dialog widgets get closed. */
+ beforeClose? (e: BeforeCloseEventArgs): void;
+
+ /** This event is triggered after the dialog widget is closed. */
+ close? (e: CloseEventArgs): void;
+
+ /** Triggered after the dialog content is loaded in DOM. */
+ contentLoad? (e: ContentLoadEventArgs): void;
+
+ /** Triggered after the dialog is created successfully */
+ create? (e: CreateEventArgs): void;
+
+ /** Triggered after the dialog widget is destroyed successfully */
+ destroy? (e: DestroyEventArgs): void;
+
+ /** Triggered while the dialog is dragged. */
+ drag? (e: DragEventArgs): void;
+
+ /** Triggered when the user starts dragging the dialog. */
+ dragStart? (e: DragStartEventArgs): void;
+
+ /** Triggered when the user stops dragging the dialog. */
+ dragStop? (e: DragStopEventArgs): void;
+
+ /** Triggered after the dialog is opened. */
+ open? (e: OpenEventArgs): void;
+
+ /** Triggered while the dialog is resized. */
+ resize? (e: ResizeEventArgs): void;
+
+ /** Triggered when the user starts resizing the dialog. */
+ resizeStart? (e: ResizeStartEventArgs): void;
+
+ /** Triggered when the user stops resizing the dialog. */
+ resizeStop? (e: ResizeStopEventArgs): void;
+
+ /** Triggered when the dialog content is expanded. */
+ expand? (e: ExpandEventArgs): void;
+
+ /** Triggered when the dialog content is collapsed. */
+ collapse? (e: CollapseEventArgs): void;
+
+ /** Triggered when the custom action button clicked. */
+ actionButtonClick? (e: ActionButtonClickEventArgs): void;
+}
+
+export interface BeforeOpenEventArgs {
+
+ /** Set this option to true to cancel the event.
+ */
+ cancel?: boolean;
+
+ /** Instance of the dialog model object.
+ */
+ model?: ej.Dialog.Model;
+
+ /** Name of the event
+ */
+ type?: string;
+}
+
+export interface AjaxErrorEventArgs {
+
+ /** Set this option to true to cancel the event.
+ */
+ cancel?: boolean;
+
+ /** Instance of the dialog model object.
+ */
+ model?: ej.Dialog.Model;
+
+ /** Name of the event.
+ */
+ type?: string;
+
+ /** URL of the content.
+ */
+ URL?: string;
+
+ /** Error page content.
+ */
+ responseText?: string;
+
+ /** Error code.
+ */
+ status?: number;
+
+ /** The corresponding error description.
+ */
+ statusText?: string;
+}
+
+export interface AjaxSuccessEventArgs {
+
+ /** Set this option to true to cancel the event.
+ */
+ cancel?: boolean;
+
+ /** Instance of the dialog model object.
+ */
+ model?: ej.Dialog.Model;
+
+ /** Name of the event.
+ */
+ type?: string;
+
+ /** URL of the content.
+ */
+ URL?: string;
+
+ /** Response content.
+ */
+ data?: string;
+}
+
+export interface BeforeCloseEventArgs {
+
+ /** Current event object.
+ */
+ event?: any;
+
+ /** Set this option to true to cancel the event.
+ */
+ cancel?: boolean;
+
+ /** Instance of the dialog model object.
+ */
+ model?: ej.Dialog.Model;
+
+ /** Name of the event.
+ */
+ type?: string;
+}
+
+export interface CloseEventArgs {
+
+ /** Current event object.
+ */
+ event?: any;
+
+ /** Set this option to true to cancel the event.
+ */
+ cancel?: boolean;
+
+ /** Instance of the dialog model object.
+ */
+ model?: ej.Dialog.Model;
+
+ /** Name of the event
+ */
+ type?: string;
+}
+
+export interface ContentLoadEventArgs {
+
+ /** Set this option to true to cancel the event.
+ */
+ cancel?: boolean;
+
+ /** Instance of the dialog model object.
+ */
+ model?: ej.Dialog.Model;
+
+ /** Name of the event.
+ */
+ type?: string;
+
+ /** URL of the content.
+ */
+ URL?: string;
+
+ /** Content type
+ */
+ contentType?: any;
+}
+
+export interface CreateEventArgs {
+
+ /** Set this option to true to cancel the event.
+ */
+ cancel?: boolean;
+
+ /** Instance of the dialog model object.
+ */
+ model?: ej.Dialog.Model;
+
+ /** Name of the event.
+ */
+ type?: string;
+}
+
+export interface DestroyEventArgs {
+
+ /** Set this option to true to cancel the event.
+ */
+ cancel?: boolean;
+
+ /** Instance of the dialog model object.
+ */
+ model?: ej.Dialog.Model;
+
+ /** Name of the event.
+ */
+ type?: string;
+}
+
+export interface DragEventArgs {
+
+ /** Set this option to true to cancel the event.
+ */
+ cancel?: boolean;
+
+ /** Instance of the dialog model object.
+ */
+ model?: ej.Dialog.Model;
+
+ /** Name of the event.
+ */
+ type?: string;
+
+ /** Current event object.
+ */
+ event?: any;
+}
+
+export interface DragStartEventArgs {
+
+ /** Set this option to true to cancel the event.
+ */
+ cancel?: boolean;
+
+ /** Instance of the dialog model object.
+ */
+ model?: ej.Dialog.Model;
+
+ /** Name of the event.
+ */
+ type?: string;
+
+ /** Current event object.
+ */
+ event?: any;
+}
+
+export interface DragStopEventArgs {
+
+ /** Set this option to true to cancel the event.
+ */
+ cancel?: boolean;
+
+ /** Instance of the dialog model object.
+ */
+ model?: ej.Dialog.Model;
+
+ /** Name of the event.
+ */
+ type?: string;
+
+ /** Current event object.
+ */
+ event?: any;
+}
+
+export interface OpenEventArgs {
+
+ /** Set this option to true to cancel the event.
+ */
+ cancel?: boolean;
+
+ /** Instance of the dialog model object.
+ */
+ model?: ej.Dialog.Model;
+
+ /** Name of the event.
+ */
+ type?: string;
+}
+
+export interface ResizeEventArgs {
+
+ /** Set this option to true to cancel the event.
+ */
+ cancel?: boolean;
+
+ /** Instance of the dialog model object.
+ */
+ model?: ej.Dialog.Model;
+
+ /** Name of the event.
+ */
+ type?: string;
+
+ /** Current event object.
+ */
+ event?: any;
+}
+
+export interface ResizeStartEventArgs {
+
+ /** Set this option to true to cancel the event.
+ */
+ cancel?: boolean;
+
+ /** Instance of the dialog model object.
+ */
+ model?: ej.Dialog.Model;
+
+ /** Name of the event
+ */
+ type?: string;
+
+ /** Current event object.
+ */
+ event?: any;
+}
+
+export interface ResizeStopEventArgs {
+
+ /** Set this option to true to cancel the event.
+ */
+ cancel?: boolean;
+
+ /** Instance of the dialog model object.
+ */
+ model?: ej.Dialog.Model;
+
+ /** Name of the event
+ */
+ type?: string;
+
+ /** Current event object.
+ */
+ event?: any;
+}
+
+export interface ExpandEventArgs {
+
+ /** Set this option to true to cancel the event.
+ */
+ cancel?: boolean;
+
+ /** Instance of the dialog model object.
+ */
+ model?: ej.Dialog.Model;
+
+ /** Name of the event.
+ */
+ type?: string;
+}
+
+export interface CollapseEventArgs {
+
+ /** Set this option to true to cancel the event.
+ */
+ cancel?: boolean;
+
+ /** Instance of the dialog model object.
+ */
+ model?: ej.Dialog.Model;
+
+ /** Name of the event.
+ */
+ type?: string;
+}
+
+export interface ActionButtonClickEventArgs {
+
+ /** Set this option to true to cancel the event.
+ */
+ cancel?: boolean;
+
+ /** Name of the event target attribute.
+ */
+ buttonID?: string;
+
+ /** Name of the event.
+ */
+ type?: string;
+
+ /** Instance of the dialog model object.
+ */
+ model?: ej.Dialog.Model;
+
+ /** Name of the event current target title.
+ */
+ currentTarget?: string;
+}
+}
+
+class DropDownList extends ej.Widget {
+ static fn: DropDownList;
+ constructor(element: JQuery, options?: DropDownList.Model);
+ constructor(element: Element, options?: DropDownList.Model);
+ model:DropDownList.Model;
+ defaults:DropDownList.Model;
+
+ /** Adding a single item or an array of items into the DropDownList allows you to specify all the field attributes such as value, template, image URL, and HTML attributes for those items.
+ * @param {any|Array} this parameter should have field attributes with respect to mapped field attributes and it's corresponding values to fields
+ * @returns {void}
+ */
+ addItem(data: any|Array): void;
+
+ /** This method is used to select all the items in the DropDownList.
+ * @returns {void}
+ */
+ checkAll(): void;
+
+ /** Clears the text in the DropDownList textbox.
+ * @returns {void}
+ */
+ clearText(): void;
+
+ /** Destroys the DropDownList widget.
+ * @returns {void}
+ */
+ destroy(): void;
+
+ /** This property is used to disable the DropDownList widget.
+ * @returns {void}
+ */
+ disable(): void;
+
+ /** This property disables the set of items in the DropDownList.
+ * @param {string|number|Array} disable the given index list items
+ * @returns {void}
+ */
+ disableItemsByIndices(index: string|number|Array): void;
+
+ /** This property enables the DropDownList control.
+ * @returns {void}
+ */
+ enable(): void;
+
+ /** Enables an Item or set of Items that are disabled in the DropDownList
+ * @param {string|number|Array} enable the given index list items if it's disabled
+ * @returns {void}
+ */
+ enableItemsByIndices(index: string|number|Array): void;
+
+ /** This method retrieves the items using given value.
+ * @param {string|number|any} Return the whole object of data based on given value
+ * @returns {any}
+ */
+ getItemDataByValue(value: string|number|any): any;
+
+ /** This method is used to retrieve the items that are bound with the DropDownList.
+ * @returns {any}
+ */
+ getListData(): any;
+
+ /** This method is used to get the selected items in the DropDownList.
+ * @returns {HTMLElement}
+ */
+ getSelectedItem(): HTMLElement;
+
+ /** This method is used to retrieve the items value that are selected in the DropDownList.
+ * @returns {string}
+ */
+ getSelectedValue(): string;
+
+ /** This method hides the suggestion popup in the DropDownList.
+ * @returns {void}
+ */
+ hidePopup(): void;
+
+ /** This method is used to select the list of items in the DropDownList through the Index of the items.
+ * @param {string|number|Array} select the given index list items
+ * @returns {void}
+ */
+ selectItemsByIndices(index: string|number|Array): void;
+
+ /** This method is used to select an item in the DropDownList by using the given text value.
+ * @param {string|number|Array} select the list items relates to given text
+ * @returns {void}
+ */
+ selectItemByText(index: string|number|Array): void;
+
+ /** This method is used to select an item in the DropDownList by using the given value.
+ * @param {string|number|Array} select the list items relates to given values
+ * @returns {void}
+ */
+ selectItemByValue(index: string|number|Array): void;
+
+ /** This method shows the DropDownList control with the suggestion popup.
+ * @returns {void}
+ */
+ showPopup(): void;
+
+ /** This method is used to unselect all the items in the DropDownList.
+ * @returns {void}
+ */
+ unCheckAll(): void;
+
+ /** This method is used to unselect the list of items in the DropDownList through Index of the items.
+ * @param {string|number|Array} unselect the given index list items
+ * @returns {void}
+ */
+ unselectItemsByIndices(index: string|number|Array): void;
+
+ /** This method is used to unselect an item in the DropDownList by using the given text value.
+ * @param {string|number|Array} unselect the list items relates to given text
+ * @returns {void}
+ */
+ unselectItemByText(index: string|number|Array): void;
+
+ /** This method is used to unselect an item in the DropDownList by using the given value.
+ * @param {string|number|Array} unselect the list items relates to given values
+ * @returns {void}
+ */
+ unselectItemByValue(index: string|number|Array): void;
+}
+export module DropDownList{
+
+export interface Model {
+
+ /** The Virtual Scrolling(lazy loading) feature is used to display a large amount of data that you require without buffering the entire load of a huge database records in the DropDownList, that is, when scrolling, an AJAX request is sent to fetch some amount of data from the server dynamically. To achieve this scenario with DropDownList, set the allowVirtualScrolling to true.
+ * @Default {false}
+ */
+ allowVirtualScrolling?: boolean;
+
+ /** The cascading DropDownLists is a series of two or more DropDownLists in which each DropDownList is filtered according to the previous DropDownList’s value.
+ * @Default {null}
+ */
+ cascadeTo?: string;
+
+ /** Sets the case sensitivity of the search operation. It supports both enableFilterSearch and enableIncrementalSearch property.
+ * @Default {false}
+ */
+ caseSensitiveSearch?: boolean;
+
+ /** Dropdown widget's style and appearance can be controlled based on 13 different default built-in themes.You can customize the appearance of the dropdown by using the cssClass property. You need to specify a class name in the cssClass property and the same class name is used before the class definitions wherever the custom styles are applied.
+ */
+ cssClass?: string;
+
+ /** This property is used to serve data from the data services based on the query provided. To bind the data to the dropdown widget, the dataSource property is assigned with the instance of the ej.DataManager.
+ * @Default {null}
+ */
+ dataSource?: any;
+
+ /** Sets the separator when the multiSelectMode with delimiter option or checkbox is enabled with the dropdown. When you enter the delimiter value, the texts after the delimiter are considered as a separate word or query. The delimiter string is a single character and must be a symbol. Mostly, the delimiter symbol is used as comma (,) or semi-colon (;) or any other special character.
+ * @Default {','}
+ */
+ delimiterChar?: string;
+
+ /** The enabled Animation property uses the easeOutQuad animation to SlideDown and SlideUp the Popup list in 200 and 100 milliseconds, respectively.
+ * @Default {false}
+ */
+ enableAnimation?: boolean;
+
+ /** This property is used to indicate whether the DropDownList control responds to the user interaction or not. By default, the control is in the enabled mode and you can disable it by setting it to false.
+ * @Default {true}
+ */
+ enabled?: boolean;
+
+ /** Specifies to perform incremental search for the selection of items from the DropDownList with the help of this property. This helps in selecting the item by using the typed character.
+ * @Default {true}
+ */
+ enableIncrementalSearch?: boolean;
+
+ /** This property selects the item in the DropDownList when the item is entered in the Search textbox.
+ * @Default {false}
+ */
+ enableFilterSearch?: boolean;
+
+ /** Saves the current model value to the browser cookies for state maintenance. While refreshing the DropDownList control page, it retains the model value and it is applied from the browser cookies.
+ * @Default {false}
+ */
+ enablePersistence?: boolean;
+
+ /** This enables the resize handler to resize the popup to any size.
+ * @Default {false}
+ */
+ enablePopupResize?: boolean;
+
+ /** Sets the DropDownList textbox direction from right to left align.
+ * @Default {false}
+ */
+ enableRTL?: boolean;
+
+ /** This property is used to sort the Items in the DropDownList. By default, it sorts the items in an ascending order.
+ * @Default {false}
+ */
+ enableSorting?: boolean;
+
+ /** Specifies the mapping fields for the data items of the DropDownList.
+ * @Default {null}
+ */
+ fields?: Fields;
+
+ /** When the enableFilterSearch property value is set to true, the values in the DropDownList shows the items starting with or containing the key word/letter typed in the Search textbox.
+ * @Default {ej.FilterType.Contains}
+ */
+ filterType?: ej.FilterType|string;
+
+ /** Used to create visualized header for dropdown items
+ * @Default {null}
+ */
+ headerTemplate?: string;
+
+ /** Defines the height of the DropDownList textbox.
+ * @Default {null}
+ */
+ height?: string|number;
+
+ /** It sets the given HTML attributes for the DropDownList control such as ID, name, disabled, etc.
+ * @Default {null}
+ */
+ htmlAttributes?: any;
+
+ /** Data can be fetched in the DropDownList control by using the DataSource, specifying the number of items.
+ * @Default {5}
+ */
+ itemsCount?: number;
+
+ /** Allows the user to set the particular country or region language for the DropDownList.
+ * @Default {en-US}
+ */
+ locale?: string;
+
+ /** Defines the maximum height of the suggestion box. This property restricts the maximum height of the popup when resize is enabled.
+ * @Default {null}
+ */
+ maxPopupHeight?: string|number;
+
+ /** Defines the minimum height of the suggestion box. This property restricts the minimum height of the popup when resize is enabled.
+ * @Default {null}
+ */
+ minPopupHeight?: string|number;
+
+ /** Defines the maximum width of the suggestion box. This property restricts the maximum width of the popup when resize is enabled.
+ * @Default {null}
+ */
+ maxPopupWidth?: string|number;
+
+ /** Defines the minimum height of the suggestion box. This property restricts the minimum height of the popup when resize is enabled.
+ * @Default {0}
+ */
+ minPopupWidth?: string|number;
+
+ /** With the help of this property, you can make a single or multi selection with the DropDownList and display the text in two modes, delimiter and visual mode. In delimiter mode, you can separate the items by using the delimiter character such as comma (,) or semi-colon (;) or any other special character. In the visual mode, the items are showcased like boxes with close icon in the textbox.
+ * @Default {ej.MultiSelectMode.None}
+ */
+ multiSelectMode?: ej.MultiSelectMode|string;
+
+ /** Defines the height of the suggestion popup box in the DropDownList control.
+ * @Default {152px}
+ */
+ popupHeight?: string|number;
+
+ /** Defines the width of the suggestion popup box in the DropDownList control.
+ * @Default {auto}
+ */
+ popupWidth?: string|number;
+
+ /** Specifies the query to retrieve the data from the DataSource.
+ * @Default {null}
+ */
+ query?: any;
+
+ /** Specifies that the DropDownList textbox values should be read-only.
+ * @Default {false}
+ */
+ readOnly?: boolean;
+
+ /** Specifies an item to be selected in the DropDownList.
+ * @Default {null}
+ */
+ selectedIndex?: number;
+
+ /** Specifies the selectedItems for the DropDownList.
+ * @Default {[]}
+ */
+ selectedIndices?: Array;
+
+ /** Selects multiple items in the DropDownList with the help of the checkbox control. To achieve this, enable the showCheckbox option to true.
+ * @Default {false}
+ */
+ showCheckbox?: boolean;
+
+ /** DropDownList control is displayed with the popup seen.
+ * @Default {false}
+ */
+ showPopupOnLoad?: boolean;
+
+ /** DropDownList textbox displayed with the rounded corner style.
+ * @Default {false}
+ */
+ showRoundedCorner?: boolean;
+
+ /** When the enableSorting property value is set to true, this property helps to sort the items either in ascending or descending order
+ * @Default {ej.sortOrder.Ascending}
+ */
+ sortOrder?: ej.SortOrder|string;
+
+ /** Specifies the targetID for the DropDownList’s items.
+ * @Default {null}
+ */
+ targetID?: string;
+
+ /** By default, you can add any text or image to the DropDownList item. To customize the item layout or to create your own visualized elements, you can use this template support.
+ * @Default {null}
+ */
+ template?: string;
+
+ /** Defines the text value that is displayed in the DropDownList textbox.
+ * @Default {null}
+ */
+ text?: string;
+
+ /** Sets the jQuery validation error message in the DropDownList
+ * @Default {null}
+ */
+ validationMessage?: any;
+
+ /** Sets the jQuery validation rules in the Dropdownlist.
+ * @Default {null}
+ */
+ validationRules?: any;
+
+ /** Specifies the value (text content) for the DropDownList control.
+ * @Default {null}
+ */
+ value?: string;
+
+ /** Specifies a short hint that describes the expected value of the DropDownList control.
+ * @Default {null}
+ */
+ watermarkText?: string;
+
+ /** Defines the width of the DropDownList textbox.
+ * @Default {null}
+ */
+ width?: string|number;
+
+ /** The Virtual Scrolling feature is used to display a large amount of records in the DropDownList, that is, when scrolling, an AJAX request is sent to fetch some amount of data from the server dynamically. To achieve this scenario with DropDownList, set the allowVirtualScrolling to true. You can set the itemsCount property that represents the number of items to be fetched from the server on every AJAX request.
+ * @Default {normal}
+ */
+ virtualScrollMode?: ej.VirtualScrollMode|string;
+
+ /** Fires the action before the XHR request. */
+ actionBegin? (e: ActionBeginEventArgs): void;
+
+ /** Fires the action when the list of items is bound to the DropDownList by xhr post calling */
+ actionComplete? (e: ActionCompleteEventArgs): void;
+
+ /** Fires the action when the xhr post calling failed on remote data binding with the DropDownList control. */
+ actionFailure? (e: ActionFailureEventArgs): void;
+
+ /** Fires the action when the xhr post calling succeed on remote data binding with the DropDownList control */
+ actionSuccess? (e: ActionSuccessEventArgs): void;
+
+ /** Fires the action before the popup is ready to hide. */
+ beforePopupHide? (e: BeforePopupHideEventArgs): void;
+
+ /** Fires the action before the popup is ready to be displayed. */
+ beforePopupShown? (e: BeforePopupShownEventArgs): void;
+
+ /** Fires when the cascading happens between two DropDownList exactly after the value changes in the first dropdown and before filtering in the second Dropdown. */
+ cascade? (e: CascadeEventArgs): void;
+
+ /** Fires the action when the DropDownList control’s value is changed. */
+ change? (e: ChangeEventArgs): void;
+
+ /** Fires the action when the list item checkbox value is changed. */
+ checkChange? (e: CheckChangeEventArgs): void;
+
+ /** Fires the action once the DropDownList is created. */
+ create? (e: CreateEventArgs): void;
+
+ /** Fires the action when the list items is bound to the DropDownList. */
+ dataBound? (e: DataBoundEventArgs): void;
+
+ /** Fires the action when the DropDownList is destroyed. */
+ destroy? (e: DestroyEventArgs): void;
+
+ /** Fires the action when the DropDownList is focused. */
+ focusIn? (e: FocusInEventArgs): void;
+
+ /** Fires the action when the DropDownList is about to lose focus. */
+ focusOut? (e: FocusOutEventArgs): void;
+
+ /** Fires the action, once the popup is closed */
+ popupHide? (e: PopupHideEventArgs): void;
+
+ /** Fires the action, when the popup is resized. */
+ popupResize? (e: PopupResizeEventArgs): void;
+
+ /** Fires the action, once the popup is opened. */
+ popupShown? (e: PopupShownEventArgs): void;
+
+ /** Fires the action, when resizing a popup starts. */
+ popupResizeStart? (e: PopupResizeStartEventArgs): void;
+
+ /** Fires the action, when the popup resizing is stopped. */
+ popupResizeStop? (e: PopupResizeStopEventArgs): void;
+
+ /** Fires the action before filtering the list items that starts in the DropDownList when the enableFilterSearch is enabled. */
+ search? (e: SearchEventArgs): void;
+
+ /** Fires the action, when the list of item is selected. */
+ select? (e: SelectEventArgs): void;
+}
+
+export interface ActionBeginEventArgs {
+
+ /** if the event should be canceled; otherwise, false.
+ */
+ cancel?: boolean;
+
+ /** returns the DropDownList model
+ */
+ model?: any;
+
+ /** returns the name of the event
+ */
+ type?: string;
+}
+
+export interface ActionCompleteEventArgs {
+
+ /** if the event should be canceled; otherwise, false.
+ */
+ cancel?: boolean;
+
+ /** Returns number of times trying to fetch the data
+ */
+ count?: number;
+
+ /** returns the DropDownList model
+ */
+ model?: any;
+
+ /** Returns the query for data retrieval
+ */
+ query?: any;
+
+ /** Returns the query for data retrieval from the Database
+ */
+ request?: any;
+
+ /** returns the name of the event
+ */
+ type?: string;
+
+ /** Returns the number of items fetched from remote data
+ */
+ result?: Array;
+
+ /** Returns the requested data
+ */
+ xhr?: any;
+}
+
+export interface ActionFailureEventArgs {
+
+ /** if the event should be canceled; otherwise, false.
+ */
+ cancel?: boolean;
+
+ /** Returns the error message
+ */
+ error?: any;
+
+ /** returns the DropDownList model
+ */
+ model?: any;
+
+ /** Returns the query for data retrieval
+ */
+ query?: any;
+
+ /** returns the name of the event
+ */
+ type?: string;
+}
+
+export interface ActionSuccessEventArgs {
+
+ /** if the event should be canceled; otherwise, false.
+ */
+ cancel?: boolean;
+
+ /** Returns number of times trying to fetch the data
+ */
+ count?: number;
+
+ /** returns the DropDownList model
+ */
+ model?: any;
+
+ /** Returns the query for data retrieval
+ */
+ query?: any;
+
+ /** Returns the query for data retrieval from the Database
+ */
+ request?: any;
+
+ /** returns the name of the event
+ */
+ type?: string;
+
+ /** Returns the number of items fetched from remote data
+ */
+ result?: Array;
+
+ /** Returns the requested data
+ */
+ xhr?: any;
+}
+
+export interface BeforePopupHideEventArgs {
+
+ /** if the event should be canceled; otherwise, false.
+ */
+ cancel?: boolean;
+
+ /** returns the DropDownList model
+ */
+ model?: any;
+
+ /** returns the name of the event
+ */
+ type?: string;
+
+ /** returns the selected text
+ */
+ text?: string;
+
+ /** returns the selected value
+ */
+ value?: string;
+}
+
+export interface BeforePopupShownEventArgs {
+
+ /** if the event should be canceled; otherwise, false.
+ */
+ cancel?: boolean;
+
+ /** returns the DropDownList model
+ */
+ model?: any;
+
+ /** returns the name of the event
+ */
+ type?: string;
+
+ /** returns the selected text
+ */
+ text?: string;
+
+ /** returns the selected value
+ */
+ value?: string;
+}
+
+export interface CascadeEventArgs {
+
+ /** if the event should be canceled; otherwise, false.
+ */
+ cancel?: boolean;
+
+ /** Returns the cascading dropdown model.
+ */
+ cascadeModel?: any;
+
+ /** returns the current selected value in first dropdown.
+ */
+ cascadeValue?: string;
+
+ /** returns the DropDownList model
+ */
+ model?: any;
+
+ /** returns the default filter action for second dropdown data should happen or not.
+ */
+ requiresDefaultFilter?: boolean;
+
+ /** returns the name of the event
+ */
+ type?: string;
+}
+
+export interface ChangeEventArgs {
+
+ /** if the event should be canceled; otherwise, false.
+ */
+ cancel?: boolean;
+
+ /** Returns the selected item with checkbox checked or not.
+ */
+ isChecked?: boolean;
+
+ /** Returns the selected item ID.
+ */
+ itemId?: string;
+
+ /** returns the DropDownList model
+ */
+ model?: any;
+
+ /** Returns the selected item text.
+ */
+ selectedText?: string;
+
+ /** returns the name of the event
+ */
+ type?: string;
+
+ /** Returns the selected text.
+ */
+ text?: string;
+
+ /** Returns the selected value.
+ */
+ value?: string;
+}
+
+export interface CheckChangeEventArgs {
+
+ /** if the event should be canceled; otherwise, false.
+ */
+ cancel?: boolean;
+
+ /** Returns the selected item with checkbox checked or not.
+ */
+ isChecked?: boolean;
+
+ /** Returns the selected item ID.
+ */
+ itemId?: string;
+
+ /** returns the DropDownList model
+ */
+ model?: any;
+
+ /** Returns the selected item text.
+ */
+ selectedText?: string;
+
+ /** returns the name of the event
+ */
+ type?: string;
+
+ /** Returns the selected text.
+ */
+ text?: string;
+
+ /** Returns the selected value.
+ */
+ value?: string;
+}
+
+export interface CreateEventArgs {
+
+ /** if the event should be canceled; otherwise, false.
+ */
+ cancel?: boolean;
+
+ /** returns the DropDownList model
+ */
+ model?: any;
+
+ /** returns the name of the event
+ */
+ type?: string;
+}
+
+export interface DataBoundEventArgs {
+
+ /** if the event should be canceled; otherwise, false.
+ */
+ cancel?: boolean;
+
+ /** returns the DropDownList model
+ */
+ model?: any;
+
+ /** returns the name of the event
+ */
+ type?: string;
+
+ /** returns the data that is bound to DropDownList
+ */
+ data?: any;
+}
+
+export interface DestroyEventArgs {
+
+ /** its value is set as true,if the event should be canceled; otherwise, false.
+ */
+ cancel?: boolean;
+
+ /** returns the DropDownList model
+ */
+ model?: any;
+
+ /** returns the name of the event
+ */
+ type?: string;
+}
+
+export interface FocusInEventArgs {
+
+ /** its value is set as true,if the event should be canceled; otherwise, false.
+ */
+ cancel?: boolean;
+
+ /** returns the DropDownList model
+ */
+ model?: any;
+
+ /** returns the name of the event
+ */
+ type?: string;
+}
+
+export interface FocusOutEventArgs {
+
+ /** its value is set as true,if the event should be canceled; otherwise, false.
+ */
+ cancel?: boolean;
+
+ /** returns the DropDownList model
+ */
+ model?: any;
+
+ /** returns the name of the event
+ */
+ type?: string;
+}
+
+export interface PopupHideEventArgs {
+
+ /** if the event should be canceled; otherwise, false.
+ */
+ cancel?: boolean;
+
+ /** returns the DropDownList model
+ */
+ model?: any;
+
+ /** returns the name of the event
+ */
+ type?: string;
+
+ /** returns the selected text
+ */
+ text?: string;
+
+ /** returns the selected value
+ */
+ value?: string;
+}
+
+export interface PopupResizeEventArgs {
+
+ /** if the event should be canceled; otherwise, false.
+ */
+ cancel?: boolean;
+
+ /** returns the DropDownList model
+ */
+ model?: any;
+
+ /** returns the name of the event
+ */
+ type?: string;
+
+ /** Returns the data from the resizable plugin.
+ */
+ event?: any;
+}
+
+export interface PopupShownEventArgs {
+
+ /** if the event should be canceled; otherwise, false.
+ */
+ cancel?: boolean;
+
+ /** returns the DropDownList model
+ */
+ model?: any;
+
+ /** returns the name of the event
+ */
+ type?: string;
+
+ /** returns the selected text
+ */
+ text?: string;
+
+ /** returns the selected value
+ */
+ value?: string;
+}
+
+export interface PopupResizeStartEventArgs {
+
+ /** if the event should be canceled; otherwise, false.
+ */
+ cancel?: boolean;
+
+ /** returns the DropDownList model
+ */
+ model?: any;
+
+ /** returns the name of the event
+ */
+ type?: string;
+
+ /** Returns the data from the resizable plugin.
+ */
+ event?: any;
+}
+
+export interface PopupResizeStopEventArgs {
+
+ /** if the event should be canceled; otherwise, false.
+ */
+ cancel?: boolean;
+
+ /** returns the DropDownList model
+ */
+ model?: any;
+
+ /** returns the name of the event
+ */
+ type?: string;
+
+ /** Returns the data from the resizable plugin.
+ */
+ event?: any;
+}
+
+export interface SearchEventArgs {
+
+ /** if the event should be canceled; otherwise, false.
+ */
+ cancel?: boolean;
+
+ /** Returns the data bound to the DropDownList.
+ */
+ items?: any;
+
+ /** returns the DropDownList model
+ */
+ model?: any;
+
+ /** Returns the selected item text.
+ */
+ selectedText?: string;
+
+ /** returns the name of the event
+ */
+ type?: string;
+
+ /** Returns the search string typed in search box.
+ */
+ searchString?: string;
+}
+
+export interface SelectEventArgs {
+
+ /** if the event should be canceled; otherwise, false.
+ */
+ cancel?: boolean;
+
+ /** Returns the selected item with checkbox checked or not.
+ */
+ isChecked?: boolean;
+
+ /** Returns the selected item ID.
+ */
+ itemId?: string;
+
+ /** returns the DropDownList model
+ */
+ model?: any;
+
+ /** Returns the selected item text.
+ */
+ selectedText?: string;
+
+ /** returns the name of the event
+ */
+ type?: string;
+
+ /** Returns the selected text.
+ */
+ text?: string;
+
+ /** Returns the selected value.
+ */
+ value?: string;
+}
+
+export interface Fields {
+
+ /** Used to group the items.
+ */
+ groupBy?: string;
+
+ /** Defines the HTML attributes such as ID, class, and styles for the item.
+ */
+ htmlAttributes?: any;
+
+ /** Defines the ID for the tag.
+ */
+ id?: string;
+
+ /** Defines the image attributes such as height, width, styles, and so on.
+ */
+ imageAttributes?: string;
+
+ /** Defines the imageURL for the image location.
+ */
+ imageUrl?: string;
+
+ /** Defines the tag value to be selected initially.
+ */
+ selected?: boolean;
+
+ /** Defines the sprite CSS for the image tag.
+ */
+ spriteCssClass?: string;
+
+ /** Defines the table name for tag value or display text while rendering remote data.
+ */
+ tableName?: string;
+
+ /** Defines the text content for the tag.
+ */
+ text?: string;
+
+ /** Defines the tag value.
+ */
+ value?: string;
+}
+}
+enum FilterType
+{
+//filter the data wherever contains search key
+Contains,
+//filter the data based on search key present at start position
+StartsWith,
+}
+enum MultiSelectMode
+{
+// can select only single item in DropDownList
+None,
+//can select multiple items and it's separated by delimiterChar
+Delimiter,
+// can select multiple items and it's show's like visual box in textbox
+VisualMode,
+}
+enum SortOrder
+{
+// Sort the data in ascending order
+Ascending,
+//Sort the data in descending order
+Descending,
+}
+enum VirtualScrollMode
+{
+// The data is loaded only to the corresponding page (display items). When scrolling some other position, it enables the load on demand with the DropDownList.
+Normal,
+//The data items are loaded from the remote when scroll handle reaches the end of the scrollbar like infinity scrolling.
+Continuous,
+}
+
+class Tooltip extends ej.Widget {
+ static fn: Tooltip;
+ constructor(element: JQuery, options?: Tooltip.Model);
+ constructor(element: Element, options?: Tooltip.Model);
+ model:Tooltip.Model;
+ defaults:Tooltip.Model;
+
+ /** Destroys the Tooltip control.
+ * @returns {void}
+ */
+ destroy(): void;
+
+ /** Disables the Tooltip control.
+ * @returns {void}
+ */
+ disable(): void;
+
+ /** Enables the Tooltip control.
+ * @returns {void}
+ */
+ enable(): void;
+
+ /** Hide the Tooltip popup.
+ * @param {string} optional Determines the type of effect that takes place when hiding the tooltip.
+ * @param {Function} optional custom effect takes place when hiding the tooltip.
+ * @returns {void}
+ */
+ hide(effect?: string, func?: Function): void;
+
+ /** Shows the Tooltip popup for the given target element with the specified effect.
+ * @param {string} optional Determines the type of effect that takes place when showing the tooltip.
+ * @param {Function} optional custom effect takes place when showing the tooltip.
+ * @param {JQuery} optional Tooltip will be shown for the given element
+ * @returns {void}
+ */
+ show(effect?: string, func?: Function, target?: JQuery): void;
+}
+export module Tooltip{
+
+export interface Model {
+
+ /** Tooltip control can be accessed through the keyboard shortcut keys.
+ * @Default {true}
+ */
+ allowKeyboardNavigation?: boolean;
+
+ /** Specifies the animation behavior in Tooltip. It contains the following sub properties.
+ */
+ animation?: Animation;
+
+ /** Sets the position related to target element, window, mouse or (x,y) co-ordinates.
+ * @Default {ej.Tooltip.Associate.Target}
+ */
+ associate?: ej.Tooltip.Associate|string;
+
+ /** Specified the delay to hide Tooltip when closeMode is auto.
+ * @Default {4000}
+ */
+ autoCloseTimeout?: number;
+
+ /** Specifies the closing behavior of Tooltip popup.
+ * @Default {ej.Tooltip.CloseMode.None}
+ */
+ closeMode?: ej.Tooltip.CloseMode|string;
+
+ /** Sets the Tooltip in alternate position when collision occurs.
+ * @Default {ej.Tooltip.Collision.FlipFit}
+ */
+ collision?: ej.Tooltip.Collision|string;
+
+ /** Specified the selector for the container element.
+ * @Default {body}
+ */
+ containment?: string;
+
+ /** Specifies the text for Tooltip.
+ * @Default {null}
+ */
+ content?: string;
+
+ /** Sets the root CSS class for Tooltip for the customization.
+ * @Default {null}
+ */
+ cssClass?: string;
+
+ /** Enables or disables the Tooltip.
+ * @Default {true}
+ */
+ enabled?: boolean;
+
+ /** Sets the Tooltip direction from right to left.
+ * @Default {false}
+ */
+ enableRTL?: boolean;
+
+ /** Defines the height of the Tooltip popup.
+ * @Default {auto}
+ */
+ height?: string|number;
+
+ /** Enables the arrow in Tooltip.
+ * @Default {true}
+ */
+ isBalloon?: boolean;
+
+ /** defines various attributes of the Tooltip position
+ */
+ position?: Position;
+
+ /** Enables or disables rounded corner.
+ * @Default {false}
+ */
+ showRoundedCorner?: boolean;
+
+ /** Enables or disables shadow effect.
+ * @Default {false}
+ */
+ showShadow?: boolean;
+
+ /** Specified a selector for elements, within the container.
+ * @Default {null}
+ */
+ target?: string;
+
+ /** The title text to be displayed in the Tooltip header.
+ * @Default {null}
+ */
+ title?: string;
+
+ /** Specified the event action to show case the Tooltip.
+ * @Default {ej.Tooltip.Trigger.Hover}
+ */
+ trigger?: ej.Tooltip.Trigger|string;
+
+ /** Defines the width of the Tooltip popup.
+ * @Default {auto}
+ */
+ width?: string|number;
+
+ /** This event is triggered before the Tooltip widget get closed. */
+ beforeClose? (e: BeforeCloseEventArgs): void;
+
+ /** This event is triggered before the Tooltip widget gets open. */
+ beforeOpen? (e: BeforeOpenEventArgs): void;
+
+ /** Fires on clicking to the target element. */
+ click? (e: ClickEventArgs): void;
+
+ /** This event is triggered after the Tooltip widget is closed. */
+ close? (e: CloseEventArgs): void;
+
+ /** This event is triggered after the Tooltip is created successfully. */
+ create? (e: CreateEventArgs): void;
+
+ /** This event is triggered after the Tooltip widget is destroyed successfully. */
+ destroy? (e: DestroyEventArgs): void;
+
+ /** This event is triggered while hovering the target element, when tooltip positioning relates to target element. */
+ hover? (e: HoverEventArgs): void;
+
+ /** This event is triggered after the Tooltip is opened. */
+ open? (e: OpenEventArgs): void;
+
+ /** This event is triggered while hover the target element, when the tooltip positioning is relates to the mouse. */
+ tracking? (e: TrackingEventArgs): void;
+}
+
+export interface BeforeCloseEventArgs {
+
+ /** if the event should be canceled; otherwise, false.
+ */
+ cancel?: boolean;
+
+ /** returns the tooltip model
+ */
+ model?: any;
+
+ /** returns the name of the event
+ */
+ type?: string;
+
+ /** returns the Tooltip's content
+ */
+ content?: string;
+}
+
+export interface BeforeOpenEventArgs {
+
+ /** if the event should be canceled; otherwise, false.
+ */
+ cancel?: boolean;
+
+ /** returns the Tooltip model
+ */
+ model?: any;
+
+ /** returns the name of the event
+ */
+ type?: string;
+
+ /** returns the Tooltip's content
+ */
+ content?: string;
+}
+
+export interface ClickEventArgs {
+
+ /** its value is set as true,if the event should be canceled; otherwise, false.
+ */
+ cancel?: boolean;
+
+ /** returns the Tooltip model
+ */
+ model?: any;
+
+ /** returns the name of the event
+ */
+ type?: string;
+
+ /** returns the event object
+ */
+ event?: any;
+}
+
+export interface CloseEventArgs {
+
+ /** if the event should be canceled; otherwise, false.
+ */
+ cancel?: boolean;
+
+ /** returns the Tooltip model
+ */
+ model?: any;
+
+ /** returns the name of the event
+ */
+ type?: string;
+
+ /** returns the Tooltip's content
+ */
+ content?: string;
+}
+
+export interface CreateEventArgs {
+
+ /** if the event should be canceled; otherwise, false.
+ */
+ cancel?: boolean;
+
+ /** returns the Tooltip model
+ */
+ model?: any;
+
+ /** returns the name of the event
+ */
+ type?: string;
+}
+
+export interface DestroyEventArgs {
+
+ /** its value is set as true,if the event should be canceled; otherwise, false.
+ */
+ cancel?: boolean;
+
+ /** returns the Tooltip model
+ */
+ model?: any;
+
+ /** returns the name of the event
+ */
+ type?: string;
+}
+
+export interface HoverEventArgs {
+
+ /** its value is set as true,if the event should be canceled; otherwise, false.
+ */
+ cancel?: boolean;
+
+ /** returns the Tooltip model
+ */
+ model?: any;
+
+ /** returns the name of the event
+ */
+ type?: string;
+
+ /** returns the event object
+ */
+ event?: any;
+}
+
+export interface OpenEventArgs {
+
+ /** if the event should be canceled; otherwise, false.
+ */
+ cancel?: boolean;
+
+ /** returns the Tooltip model
+ */
+ model?: any;
+
+ /** returns the name of the event
+ */
+ type?: string;
+
+ /** returns the Tooltip's content
+ */
+ content?: string;
+}
+
+export interface TrackingEventArgs {
+
+ /** its value is set as true,if the event should be canceled; otherwise, false.
+ */
+ cancel?: boolean;
+
+ /** returns the Tooltip model
+ */
+ model?: any;
+
+ /** returns the name of the event
+ */
+ type?: string;
+
+ /** returns the event object
+ */
+ event?: any;
+}
+
+export interface Animation {
+
+ /** Determines the type of effect.
+ * @Default {ej.Tooltip.Effect.None}
+ */
+ effect?: ej.Tooltip.effect|string;
+
+ /** Sets the animation speed in milliseconds.
+ * @Default {4000}
+ */
+ speed?: number;
+}
+
+export interface PositionTarget {
+
+ /** Sets the Tooltip position against target based on horizontal(x) value.
+ * @Default {center}
+ */
+ horizontal?: string|number;
+
+ /** Sets the Tooltip position against target based on vertical(y) value.
+ * @Default {top}
+ */
+ vertical?: string|number;
+}
+
+export interface PositionStem {
+
+ /** Sets the arrow position again popup based on horizontal(x) value
+ * @Default {center}
+ */
+ horizontal?: string;
+
+ /** Sets the arrow position again popup based on vertical(y) value
+ * @Default {bottom}
+ */
+ vertical?: string;
+}
+
+export interface Position {
+
+ /** Sets the Tooltip position against target.
+ */
+ target?: PositionTarget;
+
+ /** Sets the arrow position again popup.
+ */
+ stem?: PositionStem;
+}
+
+enum effect{
+
+ ///No animation takes place when showing/hiding the Tooltip
+ None,
+
+ ///Sliding effect takes place when showing/hiding the Tooltip
+ Slide,
+
+ ///Fade the Tooltip in and out of visibility.
+ Fade
+}
+
+
+enum Associate{
+
+ ///Sets the position related to target element.
+ Target,
+
+ ///Sets the position related to mouse.
+ MouseFollow,
+
+ ///Sets the position related to mouse, first entry to the target element.
+ MouseEnter,
+
+ ///Sets the position related to (x,y) co-ordinates.
+ Axis,
+
+ ///Sets the position related to browser window.
+ Window
+}
+
+
+enum CloseMode{
+
+ ///Enables close button in Tooltip.
+ Sticky,
+
+ ///Sets the delay for Tooltip close
+ Auto,
+
+ ///The Tooltip will be display normally.
+ None
+}
+
+
+enum Collision{
+
+ ///Flips the Tooltip to the opposite side of the target, if collision is occurs.
+ Flip,
+
+ ///Shift the Tooltip popup away from the edge of the window(collision side) that means adjacent position.
+ Fit,
+
+ ///Ensure as much of the element is visible as possible to showcase.
+ FlipFit,
+
+ ///No collision detection is take place
+ None
+}
+
+
+enum Trigger{
+
+ ///The Tooltip to be shown when the target element is clicked.
+ Click,
+
+ ///Enables the Tooltip when hover on the target element.
+ Hover,
+
+ ///Enables the Tooltip when focus is set to target element.
+ Focus
+}
+
+}
+
+class Editor extends ej.Widget {
+ static fn: Editor;
+ constructor(element: JQuery, options?: Editor.Model);
+ constructor(element: Element, options?: Editor.Model);
+ model:Editor.Model;
+ defaults:Editor.Model;
+
+ /** destroy the editor widgets all events are unbind automatically and bring the control to pre-init state.
+ * @returns {void}
+ */
+ destroy(): void;
+
+ /** To disable the corresponding Editors
+ * @returns {void}
+ */
+ disable(): void;
+
+ /** To enable the corresponding Editors
+ * @returns {void}
+ */
+ enable(): void;
+
+ /** To get value from corresponding Editors
+ * @returns {number}
+ */
+ getValue(): number;
+}
+
+ class NumericTextbox extends Editor{
+}
+
+ class CurrencyTextbox extends Editor{
+}
+
+ class PercentageTextbox extends Editor{
+}
+export module Editor{
+
+export interface Model {
+
+ /** Sets the root CSS class for Editors which allow us to customize the appearance.
+ */
+ cssClass?: string;
+
+ /** Specifies the number of digits that should be allowed after the decimal point.
+ * @Default {0}
+ */
+ decimalPlaces?: number;
+
+ /** Specifies the editor control state.
+ * @Default {true}
+ */
+ enabled?: boolean;
+
+ /** Specify the enablePersistence to editor to save current editor control value to browser cookies for state maintenance.
+ * @Default {false}
+ */
+ enablePersistence?: boolean;
+
+ /** Specifies the Right to Left Direction to editor.
+ * @Default {false}
+ */
+ enableRTL?: boolean;
+
+ /** When enableStrictMode true it allows the value outside of the range also but it highlights the textbox with error class,otherwise it internally changed to the correct value.
+ * @Default {false}
+ */
+ enableStrictMode?: boolean;
+
+ /** Specifies the number of digits in each group to the editor.
+ * @Default {Based on the culture.}
+ */
+ groupSize?: string;
+
+ /** It provides the options to get the customized character to separate the digits. If not set, the separator defined by the current culture.
+ * @Default {null}
+ */
+ groupSeparator?: string;
+
+ /** Specifies the height of the editor.
+ * @Default {30}
+ */
+ height?: number|string;
+
+ /** It allows to define the characteristics of the Editors control. It will helps to extend the capability of an HTML element.
+ * @Default {{}}
+ */
+ htmlAttributes?: any;
+
+ /** The Editor value increment or decrement based an incrementStep value.
+ * @Default {1}
+ */
+ incrementStep?: number;
+
+ /** Defines the localization culture for editor.
+ * @Default {en-US}
+ */
+ locale?: string;
+
+ /** Specifies the maximum value of the editor.
+ * @Default {Number.MAX_VALUE}
+ */
+ maxValue?: number;
+
+ /** Specifies the minimum value of the editor.
+ * @Default {-(Number.MAX_VALUE) and 0 for Currency Textbox.}
+ */
+ minValue?: number;
+
+ /** Specifies the name of the editor.
+ * @Default {Sets id as name if it is null.}
+ */
+ name?: string;
+
+ /** Specifies the pattern for formatting positive values in editor.We have maintained some standard to define the negative pattern. you have to specify 'n' to place the digit in your pattern.ejTextbox allows you to define a currency or percent symbol where you want to place it.
+ * @Default {Based on the culture}
+ */
+ negativePattern?: string;
+
+ /** Specifies the pattern for formatting positive values in editor.We have maintained some standard to define the positive pattern. you have to specify 'n' to place the digit in your pattern.ejTextbox allows you to define a currency or percent symbol where you want to place it.
+ * @Default {Based on the culture}
+ */
+ positivePattern?: string;
+
+ /** Toggles the readonly state of the editor. When the Editor is readonly it doesn't allow user interactions.
+ * @Default {false}
+ */
+ readOnly?: boolean;
+
+ /** Specifies to Change the sharped edges into rounded corner for the Editor.
+ * @Default {false}
+ */
+ showRoundedCorner?: boolean;
+
+ /** Specifies whether the up and down spin buttons should be displayed in editor.
+ * @Default {true}
+ */
+ showSpinButton?: boolean;
+
+ /** Enables decimal separator position validation on type .
+ * @Default {false}
+ */
+ validateOnType?: boolean;
+
+ /** Set the jQuery validation error message in editor.
+ * @Default {null}
+ */
+ validationMessage?: any;
+
+ /** Set the jQuery validation rules to the editor.
+ * @Default {null}
+ */
+ validationRules?: any;
+
+ /** Specifies the value of the editor.
+ * @Default {null}
+ */
+ value?: number|string;
+
+ /** Specifies the watermark text to editor.
+ */
+ watermarkText?: string;
+
+ /** Specifies the width of the editor.
+ * @Default {143}
+ */
+ width?: number|string;
+
+ /** Fires after Editor control value is changed. */
+ change? (e: ChangeEventArgs): void;
+
+ /** Fires after Editor control is created. */
+ create? (e: CreateEventArgs): void;
+
+ /** Fires when the Editor is destroyed successfully. */
+ destroy? (e: DestroyEventArgs): void;
+
+ /** Fires after Editor control is focused. */
+ focusIn? (e: FocusInEventArgs): void;
+
+ /** Fires after Editor control is loss the focus. */
+ focusOut? (e: FocusOutEventArgs): void;
+}
+
+export interface ChangeEventArgs {
+
+ /** if the event should be canceled; otherwise, false.
+ */
+ cancel?: boolean;
+
+ /** returns the corresponding editor model.
+ */
+ model?: ej.Editor.Model;
+
+ /** returns the name of the event.
+ */
+ type?: string;
+
+ /** returns the corresponding editor control value.
+ */
+ value?: number;
+
+ /** returns true when the value changed by user interaction otherwise returns false
+ */
+ isInteraction?: boolean;
+}
+
+export interface CreateEventArgs {
+
+ /** if the event should be canceled; otherwise, false.
+ */
+ cancel?: boolean;
+
+ /** returns the editor model
+ */
+ model?: ej.Editor.Model;
+
+ /** returns the name of the event
+ */
+ type?: string;
+}
+
+export interface DestroyEventArgs {
+
+ /** if the event should be canceled; otherwise, false.
+ */
+ cancel?: boolean;
+
+ /** returns the editor model
+ */
+ model?: ej.Editor.Model;
+
+ /** returns the name of the event
+ */
+ type?: string;
+}
+
+export interface FocusInEventArgs {
+
+ /** if the event should be canceled; otherwise, false.
+ */
+ cancel?: boolean;
+
+ /** returns the corresponding editor model.
+ */
+ model?: ej.Editor.Model;
+
+ /** returns the name of the event.
+ */
+ type?: string;
+
+ /** returns the corresponding editor control value.
+ */
+ value?: number;
+}
+
+export interface FocusOutEventArgs {
+
+ /** if the event should be canceled; otherwise, false.
+ */
+ cancel?: boolean;
+
+ /** returns the corresponding editor model.
+ */
+ model?: ej.Editor.Model;
+
+ /** returns the name of the event.
+ */
+ type?: string;
+
+ /** returns the corresponding editor control value.
+ */
+ value?: number;
+}
+}
+
+class ListView extends ej.Widget {
+ static fn: ListView;
+ constructor(element: JQuery, options?: ListView.Model);
+ constructor(element: Element, options?: ListView.Model);
+ model:ListView.Model;
+ defaults:ListView.Model;
+
+ /** To add item in the given index. If you have enabled grouping in ListView then you need to pass the corresponding group list title to add item in it.
+ * @param {any} Specifies the item to be added in ListView
+ * @param {number} Specifies the index where item to be added
+ * @param {string} optionalThis is an optional parameter. You must pass the group list title here if grouping is enabled in the ListView
+ * @returns {void}
+ */
+ addItem(item: any, index: number, groupid: string): void;
+
+ /** To check all the items.
+ * @returns {void}
+ */
+ checkAllItem(): void;
+
+ /** To check item in the given index.
+ * @param {number} Specifies the index of the item to be checked
+ * @returns {void}
+ */
+ checkItem(index: number): void;
+
+ /** To clear all the list item in the control before updating with new datasource.
+ * @returns {void}
+ */
+ clear(): void;
+
+ /** To make the item in the given index to be default state.
+ * @param {number} Specifies the index to make the item to be in default state.
+ * @returns {void}
+ */
+ deActive(index: number): void;
+
+ /** To disable item in the given index.
+ * @param {number} Specifies the index value to be disabled.
+ * @returns {void}
+ */
+ disableItem(index: number): void;
+
+ /** To enable item in the given index.
+ * @param {number} Specifies the index value to be enabled.
+ * @returns {void}
+ */
+ enableItem(index: number): void;
+
+ /** To get the active item.
+ * @returns {HTMLElement}
+ */
+ getActiveItem(): HTMLElement;
+
+ /** To get the text of the active item.
+ * @returns {string}
+ */
+ getActiveItemText(): string;
+
+ /** To get all the checked items.
+ * @returns {Array}
+ */
+ getCheckedItems(): Array;
+
+ /** To get the text of all the checked items.
+ * @returns {Array}
+ */
+ getCheckedItemsText(): Array;
+
+ /** To get the total item count.
+ * @returns {number}
+ */
+ getItemsCount(): number;
+
+ /** To get the text of the item in the given index.
+ * @param {string|number} Specifies the index value to get the text value.
+ * @returns {string}
+ */
+ getItemText(index: string|number): string;
+
+ /** To check whether the item in the given index has child item.
+ * @param {number} Specifies the index value to check the item has child or not.
+ * @returns {boolean}
+ */
+ hasChild(index: number): boolean;
+
+ /** To hide the list.
+ * @returns {void}
+ */
+ hide(): void;
+
+ /** To hide item in the given index.
+ * @param {number} Specifies the index value to hide the item.
+ * @returns {void}
+ */
+ hideItem(index: number): void;
+
+ /** To check whether item in the given index is checked.
+ * @returns {boolean}
+ */
+ isChecked(): boolean;
+
+ /** To load the AJAX content while selecting the item.
+ * @param {string} Specifies the item to load the AJAX content.
+ * @returns {void}
+ */
+ loadAjaxContent(item: string): void;
+
+ /** To remove the check mark either for specific item in the given index or for all items.
+ * @param {number} Specifies the index value to remove the checkbox.
+ * @returns {void}
+ */
+ removeCheckMark(index: number): void;
+
+ /** To remove item in the given index.
+ * @param {number} Specifies the index value to remove the item.
+ * @returns {void}
+ */
+ removeItem(index: number): void;
+
+ /** To select item in the given index.
+ * @param {number} Specifies the index value to select the item.
+ * @returns {void}
+ */
+ selectItem(index: number): void;
+
+ /** To make the item in the given index to be active state.
+ * @param {number} Specifies the index value to make the item in active state.
+ * @returns {void}
+ */
+ setActive(index: number): void;
+
+ /** To show the list.
+ * @returns {void}
+ */
+ show(): void;
+
+ /** To show item in the given index.
+ * @param {number} Specifies the index value to show the hided item.
+ * @returns {void}
+ */
+ showItem(index: number): void;
+
+ /** To uncheck all the items.
+ * @returns {void}
+ */
+ unCheckAllItem(): void;
+
+ /** To uncheck item in the given index.
+ * @param {number} Specifies the index value to uncheck the item.
+ * @returns {void}
+ */
+ unCheckItem(index: number): void;
+}
+export module ListView{
+
+export interface Model {
+
+ /** Sets the root class for ListView theme. This cssClass API helps to use custom skinning option for ListView control. By defining the root class using this API, we need to include this root class in CSS.
+ */
+ cssClass?: string;
+
+ /** Contains the list of data for generating the ListView items.
+ * @Default {[]}
+ */
+ dataSource?: Array;
+
+ /** Specifies whether to load AJAX content while selecting item.
+ * @Default {false}
+ */
+ enableAjax?: boolean;
+
+ /** Specifies whether to enable caching the content.
+ * @Default {false}
+ */
+ enableCache?: boolean;
+
+ /** Specifies whether to enable check mark for the item.
+ * @Default {false}
+ */
+ enableCheckMark?: boolean;
+
+ /** Specifies whether to enable the filtering feature to filter the item.
+ * @Default {false}
+ */
+ enableFiltering?: boolean;
+
+ /** Specifies whether to group the list item.
+ * @Default {false}
+ */
+ enableGroupList?: boolean;
+
+ /** Specifies to maintain the current model value to browser cookies for state maintenance. While refresh the page, the model value will get apply to the control from browser cookies.
+ * @Default {false}
+ */
+ enablePersistence?: boolean;
+
+ /** Specifies the field settings to map the datasource.
+ */
+ fieldSettings?: any;
+
+ /** Specifies the text of the back button in the header.
+ * @Default {null}
+ */
+ headerBackButtonText?: string;
+
+ /** Specifies the title of the header.
+ * @Default {Title}
+ */
+ headerTitle?: string;
+
+ /** Specifies the height.
+ * @Default {null}
+ */
+ height?: string|number;
+
+ /** Specifies whether to retain the selection of the item.
+ * @Default {false}
+ */
+ persistSelection?: boolean;
+
+ /** Specifies whether to prevent the selection of the item.
+ * @Default {false}
+ */
+ preventSelection?: boolean;
+
+ /** Specifies the query to execute with the datasource.
+ * @Default {null}
+ */
+ query?: any;
+
+ /** Specifies whether need to render the control with the template contents.
+ * @Default {false}
+ */
+ renderTemplate?: boolean;
+
+ /** Specifies the index of item which need to be in selected state initially while loading.
+ * @Default {0}
+ */
+ selectedItemIndex?: number;
+
+ /** Specifies whether to show the header.
+ * @Default {true}
+ */
+ showHeader?: boolean;
+
+ /** Specifies ID of the element contains template contents.
+ * @Default {null}
+ */
+ templateId?: string;
+
+ /** Specifies the width.
+ * @Default {null}
+ */
+ width?: string|number;
+
+ /** Event triggers before the AJAX request happens. */
+ ajaxBeforeLoad? (e: AjaxBeforeLoadEventArgs): void;
+
+ /** Event triggers after the AJAX content loaded completely. */
+ ajaxComplete? (e: AjaxCompleteEventArgs): void;
+
+ /** Event triggers when the AJAX request failed. */
+ ajaxError? (e: AjaxErrorEventArgs): void;
+
+ /** Event triggers after the AJAX content loaded successfully. */
+ ajaxSuccess? (e: AjaxSuccessEventArgs): void;
+
+ /** Event triggers before the items loaded. */
+ load? (e: LoadEventArgs): void;
+
+ /** Event triggers after the items loaded. */
+ loadComplete? (e: LoadCompleteEventArgs): void;
+
+ /** Event triggers when mouse down happens on the item. */
+ mouseDown? (e: MouseDownEventArgs): void;
+
+ /** Event triggers when mouse up happens on the item. */
+ mouseUP? (e: MouseUPEventArgs): void;
+}
+
+export interface AjaxBeforeLoadEventArgs {
+
+ /** returns true if the event should be canceled; otherwise, false.
+ */
+ cancel?: boolean;
+
+ /** returns the name of the event.
+ */
+ type?: string;
+
+ /** returns the model value of the control.
+ */
+ model?: any;
+
+ /** returns the AJAX settings.
+ */
+ ajaxData?: any;
+}
+
+export interface AjaxCompleteEventArgs {
+
+ /** returns true if the event should be canceled; otherwise, false.
+ */
+ cancel?: boolean;
+
+ /** returns the name of the event.
+ */
+ type?: string;
+
+ /** returns the model value of the control.
+ */
+ model?: any;
+}
+
+export interface AjaxErrorEventArgs {
+
+ /** returns true if the event should be canceled; otherwise, false.
+ */
+ cancel?: boolean;
+
+ /** returns the name of the event.
+ */
+ type?: string;
+
+ /** returns the model value of the control.
+ */
+ model?: any;
+
+ /** returns the error thrown in the AJAX post.
+ */
+ errorThrown?: any;
+
+ /** returns the status.
+ */
+ textStatus?: any;
+
+ /** returns the current list item.
+ */
+ item?: any;
+
+ /** returns the current item text.
+ */
+ text?: string;
+
+ /** returns the current item index.
+ */
+ index?: number;
+}
+
+export interface AjaxSuccessEventArgs {
+
+ /** returns true if the event should be canceled; otherwise, false.
+ */
+ cancel?: boolean;
+
+ /** returns the name of the event.
+ */
+ type?: string;
+
+ /** returns the model value of the control.
+ */
+ model?: any;
+
+ /** returns the AJAX current content.
+ */
+ content?: string;
+
+ /** returns the current list item.
+ */
+ item?: any;
+
+ /** returns the current item text.
+ */
+ text?: string;
+
+ /** returns the current item index.
+ */
+ index?: number;
+
+ /** returns the current URL of the AJAX post.
+ */
+ URL?: string;
+}
+
+export interface LoadEventArgs {
+
+ /** returns true if the event should be canceled; otherwise, false.
+ */
+ cancel?: boolean;
+
+ /** returns the name of the event.
+ */
+ type?: string;
+
+ /** returns the model value of the control.
+ */
+ model?: any;
+}
+
+export interface LoadCompleteEventArgs {
+
+ /** returns true if the event should be canceled; otherwise, false.
+ */
+ cancel?: boolean;
+
+ /** returns the name of the event.
+ */
+ type?: string;
+
+ /** returns the model value of the control.
+ */
+ model?: any;
+}
+
+export interface MouseDownEventArgs {
+
+ /** returns true if the event should be canceled; otherwise, false.
+ */
+ cancel?: boolean;
+
+ /** returns the name of the event.
+ */
+ type?: string;
+
+ /** returns the model value of the control.
+ */
+ model?: any;
+
+ /** If the child element exist return true; otherwise, false.
+ */
+ hasChild?: boolean;
+
+ /** returns the current list item.
+ */
+ item?: string;
+
+ /** returns the current text of item.
+ */
+ text?: string;
+
+ /** returns the current Index of the item.
+ */
+ index?: number;
+
+ /** If checked return true; otherwise, false.
+ */
+ isChecked?: boolean;
+
+ /** returns the list of checked items.
+ */
+ checkedItems?: number;
+
+ /** returns the current checked item text.
+ */
+ checkedItemsText?: string;
+}
+
+export interface MouseUPEventArgs {
+
+ /** returns true if the event should be canceled; otherwise, false.
+ */
+ cancel?: boolean;
+
+ /** returns the name of the event.
+ */
+ type?: string;
+
+ /** returns the model value of the control.
+ */
+ model?: any;
+
+ /** If the child element exist return true; otherwise, false.
+ */
+ hasChild?: boolean;
+
+ /** returns the current list item.
+ */
+ item?: string;
+
+ /** returns the current text of item.
+ */
+ text?: string;
+
+ /** returns the current Index of the item.
+ */
+ index?: number;
+
+ /** If checked return true; otherwise, false.
+ */
+ isChecked?: boolean;
+
+ /** returns the list of checked items.
+ */
+ checkedItems?: number;
+
+ /** returns the current checked item text.
+ */
+ checkedItemsText?: string;
+}
+}
+
+class MaskEdit extends ej.Widget {
+ static fn: MaskEdit;
+ constructor(element: JQuery, options?: MaskEdit.Model);
+ constructor(element: Element, options?: MaskEdit.Model);
+ model:MaskEdit.Model;
+ defaults:MaskEdit.Model;
+
+ /** To clear the text in mask edit textbox control.
+ * @returns {void}
+ */
+ clear(): void;
+
+ /** To disable the mask edit textbox control.
+ * @returns {void}
+ */
+ disable(): void;
+
+ /** To enable the mask edit textbox control.
+ * @returns {void}
+ */
+ enable(): void;
+
+ /** To obtained the pure value of the text value, removes all the symbols in mask edit textbox control.
+ * @returns {string}
+ */
+ get_StrippedValue(): string;
+
+ /** To obtained the textbox value as such that, Just replace all '_' to ' '(space) in mask edit textbox control.
+ * @returns {string}
+ */
+ get_UnstrippedValue(): string;
+}
+export module MaskEdit{
+
+export interface Model {
+
+ /** Specify the cssClass to achieve custom theme.
+ * @Default {null}
+ */
+ cssClass?: string;
+
+ /** Specify the custom character allowed to entered in mask edit textbox control.
+ * @Default {null}
+ */
+ customCharacter?: string;
+
+ /** Specify the state of the mask edit textbox control.
+ * @Default {true}
+ */
+ enabled?: boolean;
+
+ /** Specify the enablePersistence to mask edit textbox to save current model value to browser cookies for state maintains.
+ */
+ enablePersistence?: boolean;
+
+ /** Specifies the height for the mask edit textbox control.
+ * @Default {28 px}
+ */
+ height?: string;
+
+ /** Specifies whether hide the prompt characters with spaces on blur. Prompt chars will be shown again on focus the textbox.
+ * @Default {false}
+ */
+ hidePromptOnLeave?: boolean;
+
+ /** Specifies the list of HTML attributes to be added to mask edit textbox.
+ * @Default {{}}
+ */
+ htmlAttributes?: any;
+
+ /** Specify the inputMode for mask edit textbox control. See InputMode
+ * @Default {ej.InputMode.Text}
+ */
+ inputMode?: ej.InputMode|string;
+
+ /** Specifies the input mask.
+ * @Default {null}
+ */
+ maskFormat?: string;
+
+ /** Specifies the name attribute value for the mask edit textbox.
+ * @Default {null}
+ */
+ name?: string;
+
+ /** Toggles the readonly state of the mask edit textbox. When the mask edit textbox is readonly, it doesn't allow your input.
+ * @Default {false}
+ */
+ readOnly?: boolean;
+
+ /** Specifies whether the error will show until correct value entered in the mask edit textbox control.
+ * @Default {false}
+ */
+ showError?: boolean;
+
+ /** when showPromptChar is true, the hide the prompt characters are shown in focus of the control and hides in focus out of the control.
+ * @Default {true}
+ */
+ showPromptChar?: boolean;
+
+ /** MaskEdit input is displayed in rounded corner style when this property is set to true.
+ * @Default {false}
+ */
+ showRoundedCorner?: boolean;
+
+ /** Specify the text alignment for mask edit textbox control.See TextAlign
+ * @Default {left}
+ */
+ textAlign?: ej.TextAlign|string;
+
+ /** Sets the jQuery validation error message in mask edit. This property works when the widget is present inside the form. Include jquery.validate.min.js plugin additionally.
+ * @Default {null}
+ */
+ validationMessage?: any;
+
+ /** Sets the jQuery validation rules to the MaskEdit. This property works when the widget is present inside the form. Include jquery.validate.min.js plugin additionally.
+ * @Default {null}
+ */
+ validationRules?: any;
+
+ /** Specifies the value for the mask edit textbox control.
+ * @Default {null}
+ */
+ value?: string;
+
+ /** Specifies the water mark text to be displayed in input text.
+ * @Default {null}
+ */
+ watermarkText?: string;
+
+ /** Specifies the width for the mask edit textbox control.
+ * @Default {143pixel}
+ */
+ width?: string;
+
+ /** Fires when value changed in mask edit textbox control. */
+ change? (e: ChangeEventArgs): void;
+
+ /** Fires after MaskEdit control is created. */
+ create? (e: CreateEventArgs): void;
+
+ /** Fires when the MaskEdit is destroyed successfully. */
+ destroy? (e: DestroyEventArgs): void;
+
+ /** Fires when focused in mask edit textbox control. */
+ focusIn? (e: FocusInEventArgs): void;
+
+ /** Fires when focused out in mask edit textbox control. */
+ focusOut? (e: FocusOutEventArgs): void;
+
+ /** Fires when keydown in mask edit textbox control. */
+ keydown? (e: KeydownEventArgs): void;
+
+ /** Fires when key press in mask edit textbox control. */
+ keyPress? (e: KeyPressEventArgs): void;
+
+ /** Fires when keyup in mask edit textbox control. */
+ keyup? (e: KeyupEventArgs): void;
+
+ /** Fires when mouse out in mask edit textbox control. */
+ mouseout? (e: MouseoutEventArgs): void;
+
+ /** Fires when mouse over in mask edit textbox control. */
+ mouseover? (e: MouseoverEventArgs): void;
+}
+
+export interface ChangeEventArgs {
+
+ /** if the event should be canceled; otherwise, false.
+ */
+ cancel?: boolean;
+
+ /** returns the mask edit model
+ */
+ model?: ej.MaskEdit.Model;
+
+ /** returns the name of the event
+ */
+ type?: string;
+
+ /** returns the mask edit value
+ */
+ value?: number;
+
+ /** returns unstripped value in mask edit textbox control.
+ */
+ unmaskedValue?: string;
+}
+
+export interface CreateEventArgs {
+
+ /** if the event should be canceled; otherwise, false.
+ */
+ cancel?: boolean;
+
+ /** returns the MaskEdit model
+ */
+ model?: ej.MaskEdit.Model;
+
+ /** returns the name of the event
+ */
+ type?: string;
+}
+
+export interface DestroyEventArgs {
+
+ /** if the event should be canceled; otherwise, false.
+ */
+ cancel?: boolean;
+
+ /** returns the MaskEdit model
+ */
+ model?: ej.MaskEdit.Model;
+
+ /** returns the name of the event
+ */
+ type?: string;
+}
+
+export interface FocusInEventArgs {
+
+ /** if the event should be canceled; otherwise, false.
+ */
+ cancel?: boolean;
+
+ /** returns the mask edit model
+ */
+ model?: ej.MaskEdit.Model;
+
+ /** returns the name of the event
+ */
+ type?: string;
+
+ /** returns the mask edit value
+ */
+ value?: number;
+
+ /** returns unstripped value in mask edit textbox control.
+ */
+ unmaskedValue?: string;
+}
+
+export interface FocusOutEventArgs {
+
+ /** if the event should be canceled; otherwise, false.
+ */
+ cancel?: boolean;
+
+ /** returns the mask edit model
+ */
+ model?: ej.MaskEdit.Model;
+
+ /** returns the name of the event
+ */
+ type?: string;
+
+ /** returns the mask edit value
+ */
+ value?: number;
+
+ /** returns unstripped value in mask edit textbox control.
+ */
+ unmaskedValue?: string;
+}
+
+export interface KeydownEventArgs {
+
+ /** if the event should be canceled; otherwise, false.
+ */
+ cancel?: boolean;
+
+ /** returns the mask edit model
+ */
+ model?: ej.MaskEdit.Model;
+
+ /** returns the name of the event
+ */
+ type?: string;
+
+ /** returns the mask edit value
+ */
+ value?: number;
+
+ /** returns unstripped value in mask edit textbox control.
+ */
+ unmaskedValue?: string;
+}
+
+export interface KeyPressEventArgs {
+
+ /** if the event should be canceled; otherwise, false.
+ */
+ cancel?: boolean;
+
+ /** returns the mask edit model
+ */
+ model?: ej.MaskEdit.Model;
+
+ /** returns the name of the event
+ */
+ type?: string;
+
+ /** returns the mask edit value
+ */
+ value?: number;
+
+ /** returns unstripped value in mask edit textbox control.
+ */
+ unmaskedValue?: string;
+}
+
+export interface KeyupEventArgs {
+
+ /** if the event should be canceled; otherwise, false.
+ */
+ cancel?: boolean;
+
+ /** returns the mask edit model
+ */
+ model?: ej.MaskEdit.Model;
+
+ /** returns the name of the event
+ */
+ type?: string;
+
+ /** returns the mask edit value
+ */
+ value?: number;
+
+ /** returns unstripped value in mask edit textbox control.
+ */
+ unmaskedValue?: string;
+}
+
+export interface MouseoutEventArgs {
+
+ /** if the event should be canceled; otherwise, false.
+ */
+ cancel?: boolean;
+
+ /** returns the mask edit model
+ */
+ model?: ej.MaskEdit.Model;
+
+ /** returns the name of the event
+ */
+ type?: string;
+
+ /** returns the mask edit value
+ */
+ value?: number;
+
+ /** returns unstripped value in mask edit textbox control.
+ */
+ unmaskedValue?: string;
+}
+
+export interface MouseoverEventArgs {
+
+ /** if the event should be canceled; otherwise, false.
+ */
+ cancel?: boolean;
+
+ /** returns the mask edit model
+ */
+ model?: ej.MaskEdit.Model;
+
+ /** returns the name of the event
+ */
+ type?: string;
+
+ /** returns the mask edit value
+ */
+ value?: number;
+
+ /** returns unstripped value in mask edit textbox control.
+ */
+ unmaskedValue?: string;
+}
+}
+enum InputMode
+{
+//string
+Password,
+//string
+Text,
+}
+enum TextAlign
+{
+//string
+Center,
+//string
+Justify,
+//string
+Left,
+//string
+Right,
+}
+
+class Menu extends ej.Widget {
+ static fn: Menu;
+ constructor(element: JQuery, options?: Menu.Model);
+ constructor(element: Element, options?: Menu.Model);
+ model:Menu.Model;
+ defaults:Menu.Model;
+
+ /** Disables the Menu control.
+ * @returns {void}
+ */
+ disable(): void;
+
+ /** Specifies the Menu Item to be disabled by using the Menu Item Text.
+ * @param {string} Specifies the Menu Item Text to be disabled.
+ * @returns {void}
+ */
+ disableItem(itemtext: string): void;
+
+ /** Specifies the Menu Item to be disabled by using the Menu Item Id.
+ * @param {string|number} Specifies the Menu Item id to be disabled
+ * @returns {void}
+ */
+ disableItemByID(itemid: string|number): void;
+
+ /** Enables the Menu control.
+ * @returns {void}
+ */
+ enable(): void;
+
+ /** Specifies the Menu Item to be enabled by using the Menu Item Text.
+ * @param {string} Specifies the Menu Item Text to be enabled.
+ * @returns {void}
+ */
+ enableItem(itemtext: string): void;
+
+ /** Specifies the Menu Item to be enabled by using the Menu Item Id.
+ * @param {string|number} Specifies the Menu Item id to be enabled.
+ * @returns {void}
+ */
+ enableItemByID(itemid: string|number): void;
+
+ /** Hides the Context Menu control.
+ * @returns {void}
+ */
+ hide(): void;
+
+ /** Hides the specific items in Menu control.
+ * @returns {void}
+ */
+ hideItems(): void;
+
+ /** Insert the menu item as child of target node.
+ * @param {any} Information about Menu item.
+ * @param {string|any} Selector of target node or Object of target node.
+ * @returns {void}
+ */
+ insert(item: any, target: string|any): void;
+
+ /** Insert the menu item after the target node.
+ * @param {any} Information about Menu item.
+ * @param {string|any} Selector of target node or Object of target node.
+ * @returns {void}
+ */
+ insertAfter(item: any, target: string|any): void;
+
+ /** Insert the menu item before the target node.
+ * @param {any} Information about Menu item.
+ * @param {string|any} Selector of target node or Object of target node.
+ * @returns {void}
+ */
+ insertBefore(item: any, target: string|any): void;
+
+ /** Remove Menu item.
+ * @param {any|Array} Selector of target node or Object of target node.
+ * @returns {void}
+ */
+ remove(target: any|Array): void;
+
+ /** To show the Menu control.
+ * @param {number} x co-ordinate position of context menu.
+ * @param {number} y co-ordinate position of context menu.
+ * @param {any} target element
+ * @param {any} name of the event
+ * @returns {void}
+ */
+ show(locationX: number, locationY: number, targetElement: any, event: any): void;
+
+ /** Show the specific items in Menu control.
+ * @returns {void}
+ */
+ showItems(): void;
+}
+export module Menu{
+
+export interface Model {
+
+ /** To enable or disable the Animation while hover or click an menu items.See AnimationType
+ * @Default {ej.AnimationType.Default}
+ */
+ animationType?: ej.AnimationType|string;
+
+ /** Specifies the target id of context menu. On right clicking the specified contextTarget element, context menu gets shown.
+ * @Default {null}
+ */
+ contextMenuTarget?: string;
+
+ /** Specify the CSS class to achieve custom theme.
+ */
+ cssClass?: string;
+
+ /** To enable or disable the Animation effect while hover or click an menu items.
+ * @Default {true}
+ */
+ enableAnimation?: boolean;
+
+ /** Specifies the root menu items to be aligned center in horizontal menu.
+ * @Default {false}
+ */
+ enableCenterAlign?: boolean;
+
+ /** Enable / Disable the Menu control.
+ * @Default {true}
+ */
+ enabled?: boolean;
+
+ /** Specifies the menu items to be displayed in right to left direction.
+ * @Default {false}
+ */
+ enableRTL?: boolean;
+
+ /** When this property sets to false, the menu items is displayed without any separators.
+ * @Default {true}
+ */
+ enableSeparator?: boolean;
+
+ /** Specifies the target which needs to be excluded. i.e., The context menu will not be displayed in those specified targets.
+ * @Default {null}
+ */
+ excludeTarget?: string;
+
+ /** Fields used to bind the data source and it includes following field members to make data bind easier.
+ * @Default {null}
+ */
+ fields?: Fields;
+
+ /** Specifies the height of the root menu.
+ * @Default {auto}
+ */
+ height?: string|number;
+
+ /** Specifies the list of HTML attributes to be added to menu control.
+ * @Default {{}}
+ */
+ htmlAttributes?: any;
+
+ /** Enables/disables responsive support for the Menu control during the window resizing time.
+ * @Default {true}
+ */
+ isResponsive?: boolean;
+
+ /** Specifies the type of the menu. Essential JavaScript Menu consists of two type of menu, they are Normal Menu and Context Menu mode.See MenuType
+ * @Default {ej.MenuType.NormalMenu}
+ */
+ menuType?: string|ej.MenuType;
+
+ /** Specifies the sub menu items to be show or open only on click.
+ * @Default {false}
+ */
+ openOnClick?: boolean;
+
+ /** Specifies the orientation of normal menu. Normal menu can rendered in horizontal or vertical direction by using this API. See Orientation
+ * @Default {ej.Orientation.Horizontal}
+ */
+ orientation?: ej.Orientation|string;
+
+ /** Specifies the main menu items arrows only to be shown if it contains child items.
+ * @Default {true}
+ */
+ showRootLevelArrows?: boolean;
+
+ /** Specifies the sub menu items arrows only to be shown if it contains child items.
+ * @Default {true}
+ */
+ showSubLevelArrows?: boolean;
+
+ /** Specifies position of pull down submenu that will appear on mouse over.See Direction
+ * @Default {ej.Direction.Right}
+ */
+ subMenuDirection?: string|ej.Direction;
+
+ /** Specifies the title to responsive menu.
+ * @Default {Menu}
+ */
+ titleText?: string;
+
+ /** Specifies the width of the main menu.
+ * @Default {auto}
+ */
+ width?: string|number;
+
+ /** Fires before context menu gets open. */
+ beforeOpen? (e: BeforeOpenEventArgs): void;
+
+ /** Fires when mouse click on menu items. */
+ click? (e: ClickEventArgs): void;
+
+ /** Fire when context menu on close. */
+ close? (e: CloseEventArgs): void;
+
+ /** Fires when context menu on open. */
+ open? (e: OpenEventArgs): void;
+
+ /** Fires to create menu items. */
+ create? (e: CreateEventArgs): void;
+
+ /** Fires to destroy menu items. */
+ destroy? (e: DestroyEventArgs): void;
+
+ /** Fires when key down on menu items. */
+ keydown? (e: KeydownEventArgs): void;
+
+ /** Fires when mouse out from menu items. */
+ mouseout? (e: MouseoutEventArgs): void;
+
+ /** Fires when mouse over the Menu items. */
+ mouseover? (e: MouseoverEventArgs): void;
+}
+
+export interface BeforeOpenEventArgs {
+
+ /** if the event should be canceled; otherwise, false.
+ */
+ cancel?: boolean;
+
+ /** returns the menu model
+ */
+ model?: ej.Menu.Model;
+
+ /** returns the name of the event
+ */
+ type?: string;
+
+ /** returns the target element
+ */
+ target?: any;
+}
+
+export interface ClickEventArgs {
+
+ /** returns the menu model
+ */
+ model?: ej.Menu.Model;
+
+ /** returns the name of the event
+ */
+ type?: string;
+
+ /** returns clicked menu item text
+ */
+ text?: string;
+
+ /** returns clicked menu item element
+ */
+ element?: any;
+
+ /** returns the event
+ */
+ event?: any;
+
+ /** returns the selected item
+ */
+ selectedItem?: number;
+}
+
+export interface CloseEventArgs {
+
+ /** returns the menu model
+ */
+ model?: ej.Menu.Model;
+
+ /** returns the name of the event
+ */
+ type?: string;
+
+ /** returns the target element
+ */
+ target?: any;
+}
+
+export interface OpenEventArgs {
+
+ /** returns the menu model
+ */
+ model?: ej.Menu.Model;
+
+ /** returns the name of the event
+ */
+ type?: string;
+
+ /** returns the target element
+ */
+ target?: any;
+}
+
+export interface CreateEventArgs {
+
+ /** returns the menu model
+ */
+ model?: ej.Menu.Model;
+
+ /** returns the name of the event
+ */
+ type?: string;
+}
+
+export interface DestroyEventArgs {
+
+ /** returns the menu model
+ */
+ model?: ej.Menu.Model;
+
+ /** returns the name of the event
+ */
+ type?: string;
+}
+
+export interface KeydownEventArgs {
+
+ /** returns the menu model
+ */
+ model?: ej.Menu.Model;
+
+ /** returns the name of the event
+ */
+ type?: string;
+
+ /** returns clicked menu item text
+ */
+ menuText?: string;
+
+ /** returns clicked menu item element
+ */
+ element?: any;
+
+ /** returns the event
+ */
+ event?: any;
+}
+
+export interface MouseoutEventArgs {
+
+ /** returns the menu model
+ */
+ model?: ej.Menu.Model;
+
+ /** returns the name of the event
+ */
+ type?: string;
+
+ /** returns clicked menu item text
+ */
+ text?: string;
+
+ /** returns clicked menu item element
+ */
+ element?: any;
+
+ /** returns the event
+ */
+ event?: any;
+}
+
+export interface MouseoverEventArgs {
+
+ /** returns the menu model
+ */
+ model?: ej.Menu.Model;
+
+ /** returns the name of the event
+ */
+ type?: string;
+
+ /** returns clicked menu item text
+ */
+ text?: string;
+
+ /** returns clicked menu item element
+ */
+ element?: any;
+
+ /** returns the event
+ */
+ event?: any;
+}
+
+export interface Fields {
+
+ /** It receives the child data for the inner level.
+ */
+ child?: any;
+
+ /** It receives datasource as Essential DataManager object and JSON object.
+ */
+ dataSource?: any;
+
+ /** Specifies the HTML attributes to “LI†item list.
+ */
+ htmlAttribute?: string;
+
+ /** Specifies the id to menu items list
+ */
+ id?: string;
+
+ /** Specifies the image attribute to “img†tag inside items list.
+ */
+ imageAttribute?: string;
+
+ /** Specifies the image URL to “img†tag inside item list.
+ */
+ imageUrl?: string;
+
+ /** Adds custom attributes like "target" to the anchor tag of the menu items.
+ */
+ linkAttribute?: string;
+
+ /** Specifies the parent id of the table.
+ */
+ parentId?: string;
+
+ /** It receives query to retrieve data from the table (query is same as SQL).
+ */
+ query?: any;
+
+ /** Specifies the sprite CSS class to “LI†item list.
+ */
+ spriteCssClass?: string;
+
+ /** It receives table name to execute query on the corresponding table.
+ */
+ tableName?: string;
+
+ /** Specifies the text of menu items list.
+ */
+ text?: string;
+
+ /** Specifies the URL to the anchor tag in menu item list.
+ */
+ url?: string;
+}
+}
+enum AnimationType
+{
+//string
+Default,
+//string
+None,
+}
+enum MenuType
+{
+//string
+ContextMenu,
+//string
+NormalMenu,
+}
+enum Direction
+{
+//string
+Left,
+//string
+None,
+//string
+Right,
+}
+
+class Pager extends ej.Widget {
+ static fn: Pager;
+ constructor(element: JQuery, options?: Pager.Model);
+ constructor(element: Element, options?: Pager.Model);
+ model:Pager.Model;
+ defaults:Pager.Model;
+
+ /** Send a paging request to specified page through the pager control.
+ * @param {number} Specifies the index to be navigated
+ * @returns {void}
+ */
+ gotoPage(pageIndex: number): void;
+
+ /** refreshPager() helps to refresh the model value of pager control.
+ * @returns {void}
+ */
+ refreshPager(): void;
+}
+export module Pager{
+
+export interface Model {
+
+ /** Gets or sets a value that indicates whether to display the custom text message in Pager.
+ */
+ customText?: string;
+
+ /** Gets or sets a value that indicates whether to define which page to display currently in pager.
+ * @Default {1}
+ */
+ currentPage?: number;
+
+ /** Gets or sets a value that indicates whether to display the external Message in Pager.
+ * @Default {false}
+ */
+ enableExternalMessage?: boolean;
+
+ /** Gets or sets a value that indicates whether to pass the current page information as a query string along with the URL while navigating to other page.
+ * @Default {false}
+ */
+ enableQueryString?: boolean;
+
+ /** Align content in the pager control from right to left by setting the property as true.
+ * @Default {false}
+ */
+ enableRTL?: boolean;
+
+ /** Gets or sets a value that indicates whether to display the external Message in Pager.
+ */
+ externalMessage?: string;
+
+ /** Gets or sets a value that indicates whether to customizing the user interface (UI) as locale-specific in order to display regional data i.e. in a language and culture specific to a particular country or region.
+ * @Default {en-US}
+ */
+ locale?: string;
+
+ /** Gets or sets a value that indicates whether to define the number of pages displayed in the pager for navigation.
+ * @Default {10}
+ */
+ pageCount?: number;
+
+ /** Gets or sets a value that indicates whether to define the number of records displayed per page.
+ * @Default {12}
+ */
+ pageSize?: number;
+
+ /** Get or sets a value of total number of pages in the pager. The totalPages value is calculated based on page size and total records.
+ * @Default {null}
+ */
+ totalPages?: number;
+
+ /** Get the value of total number of records which is bound to a data item.
+ * @Default {null}
+ */
+ totalRecordsCount?: number;
+
+ /** Shows or hides the current page information in pager footer.
+ * @Default {true}
+ */
+ showPageInfo?: boolean;
+
+ /** Triggered when pager numeric item is clicked in pager control. */
+ click? (e: ClickEventArgs): void;
+}
+
+export interface ClickEventArgs {
+
+ /** Returns the cancel option value.
+ */
+ cancel?: boolean;
+
+ /** Returns the current page index.
+ */
+ currentPage?: number;
+
+ /** Returns the pager model.
+ */
+ model?: any;
+
+ /** Returns the name of event
+ */
+ type?: string;
+
+ /** Returns current action event type and its target.
+ */
+ event?: any;
+}
+}
+
+class ProgressBar extends ej.Widget {
+ static fn: ProgressBar;
+ constructor(element: JQuery, options?: ProgressBar.Model);
+ constructor(element: Element, options?: ProgressBar.Model);
+ model:ProgressBar.Model;
+ defaults:ProgressBar.Model;
+
+ /** Destroy the progressbar widget
+ * @returns {void}
+ */
+ destroy(): void;
+
+ /** Disables the progressbar control
+ * @returns {void}
+ */
+ disable(): void;
+
+ /** Enables the progressbar control
+ * @returns {void}
+ */
+ enable(): void;
+
+ /** Returns the current progress value in percent.
+ * @returns {number}
+ */
+ getPercentage(): number;
+
+ /** Returns the current progress value
+ * @returns {number}
+ */
+ getValue(): number;
+}
+export module ProgressBar{
+
+export interface Model {
+
+ /** Sets the root CSS class for ProgressBar theme, which is used customize.
+ * @Default {null}
+ */
+ cssClass?: string;
+
+ /** When this property sets to false, it disables the ProgressBar control
+ * @Default {true}
+ */
+ enabled?: boolean;
+
+ /** Save current model value to browser cookies for state maintains. While refresh the progressBar control page retains the model value apply from browser cookies
+ * @Default {false}
+ */
+ enablePersistence?: boolean;
+
+ /** Sets the ProgressBar direction as right to left alignment.
+ * @Default {false}
+ */
+ enableRTL?: boolean;
+
+ /** Defines the height of the ProgressBar.
+ * @Default {null}
+ */
+ height?: number|string;
+
+ /** It allows to define the characteristics of the progressBar control. It will helps to extend the capability of an HTML element.
+ * @Default {{}}
+ */
+ htmlAttributes?: any;
+
+ /** Sets the maximum value of the ProgressBar.
+ * @Default {100}
+ */
+ maxValue?: number;
+
+ /** Sets the minimum value of the ProgressBar.
+ * @Default {0}
+ */
+ minValue?: number;
+
+ /** Sets the ProgressBar value in percentage. The value should be in between 0 to 100.
+ * @Default {0}
+ */
+ percentage?: number;
+
+ /** Displays rounded corner borders on the progressBar control.
+ * @Default {false}
+ */
+ showRoundedCorner?: boolean;
+
+ /** Sets the custom text for the ProgressBar. The text placed in the middle of the ProgressBar and it can be customizable using the class 'e-progress-text'.
+ * @Default {null}
+ */
+ text?: string;
+
+ /** Sets the ProgressBar value. The value should be in between min and max values.
+ * @Default {0}
+ */
+ value?: number;
+
+ /** Defines the width of the ProgressBar.
+ * @Default {null}
+ */
+ width?: number|string;
+
+ /** Event triggers when the progress value changed */
+ change? (e: ChangeEventArgs): void;
+
+ /** Event triggers when the process completes (at 100%) */
+ complete? (e: CompleteEventArgs): void;
+
+ /** Event triggers when the progressbar are created */
+ create? (e: CreateEventArgs): void;
+
+ /** Event triggers when the progressbar are destroyed */
+ destroy? (e: DestroyEventArgs): void;
+
+ /** Event triggers when the process starts (from 0%) */
+ start? (e: StartEventArgs): void;
+}
+
+export interface ChangeEventArgs {
+
+ /** returns the cancel option value
+ */
+ cancel?: boolean;
+
+ /** returns the ProgressBar model
+ */
+ model?: ej.ProgressBar.Model;
+
+ /** returns the current progress percentage
+ */
+ percentage?: any;
+
+ /** returns the name of the event
+ */
+ type?: string;
+
+ /** returns the current progress value
+ */
+ value?: string;
+}
+
+export interface CompleteEventArgs {
+
+ /** returns the cancel option value
+ */
+ cancel?: boolean;
+
+ /** returns the ProgressBar model
+ */
+ model?: ej.ProgressBar.Model;
+
+ /** returns the current progress percentage
+ */
+ percentage?: any;
+
+ /** returns the name of the event
+ */
+ type?: string;
+
+ /** returns the current progress value
+ */
+ value?: string;
+}
+
+export interface CreateEventArgs {
+
+ /** if the event should be canceled; otherwise, false.
+ */
+ cancel?: boolean;
+
+ /** returns the progressbar model
+ */
+ model?: ej.ProgressBar.Model;
+
+ /** returns the name of the event
+ */
+ type?: string;
+}
+
+export interface DestroyEventArgs {
+
+ /** if the event should be canceled; otherwise, false.
+ */
+ cancel?: boolean;
+
+ /** returns the progressbar model
+ */
+ model?: ej.ProgressBar.Model;
+
+ /** returns the name of the event
+ */
+ type?: string;
+}
+
+export interface StartEventArgs {
+
+ /** returns the cancel option value
+ */
+ cancel?: boolean;
+
+ /** returns the ProgressBar model
+ */
+ model?: ej.ProgressBar.Model;
+
+ /** returns the current progress percentage
+ */
+ percentage?: any;
+
+ /** returns the name of the event
+ */
+ type?: string;
+
+ /** returns the current progress value
+ */
+ value?: string;
+}
+}
+
+class RadioButton extends ej.Widget {
+ static fn: RadioButton;
+ constructor(element: JQuery, options?: RadioButton.Model);
+ constructor(element: Element, options?: RadioButton.Model);
+ model:RadioButton.Model;
+ defaults:RadioButton.Model;
+
+ /** To disable the RadioButton
+ * @returns {void}
+ */
+ disable(): void;
+
+ /** To enable the RadioButton
+ * @returns {void}
+ */
+ enable(): void;
+}
+export module RadioButton{
+
+export interface Model {
+
+ /** Specifies the check attribute of the Radio Button.
+ * @Default {false}
+ */
+ checked?: boolean;
+
+ /** Specify the CSS class to RadioButton to achieve custom theme.
+ */
+ cssClass?: string;
+
+ /** Specifies the RadioButton control state.
+ * @Default {true}
+ */
+ enabled?: boolean;
+
+ /** Specifies the enablePersistence property for RadioButton while initialization. The enablePersistence API save current model value to browser cookies for state maintains. While refreshing the radio button control page the model value apply from browser cookies.
+ * @Default {false}
+ */
+ enablePersistence?: boolean;
+
+ /** Specify the Right to Left direction to RadioButton
+ * @Default {false}
+ */
+ enableRTL?: boolean;
+
+ /** Specifies the HTML Attributes of the Checkbox
+ * @Default {{}}
+ */
+ htmlAttributes?: any;
+
+ /** Specifies the id attribute for the Radio Button while initialization.
+ * @Default {null}
+ */
+ id?: string;
+
+ /** Specify the idPrefix value to be added before the current id of the RadioButton.
+ * @Default {ej}
+ */
+ idPrefix?: string;
+
+ /** Specifies the name attribute for the Radio Button while initialization.
+ * @Default {Sets id as name if it is null}
+ */
+ name?: string;
+
+ /** Specifies the size of the RadioButton.
+ * @Default {small}
+ */
+ size?: ej.RadioButtonSize|string;
+
+ /** Specifies the text content for RadioButton.
+ */
+ text?: string;
+
+ /** Set the jQuery validation error message in radio button.
+ * @Default {null}
+ */
+ validationMessage?: any;
+
+ /** Set the jQuery validation rules in radio button.
+ * @Default {null}
+ */
+ validationRules?: any;
+
+ /** Specifies the value attribute of the Radio Button.
+ * @Default {null}
+ */
+ value?: string;
+
+ /** Fires before the RadioButton is going to changed its state successfully */
+ beforeChange? (e: BeforeChangeEventArgs): void;
+
+ /** Fires when the RadioButton state is changed successfully */
+ change? (e: ChangeEventArgs): void;
+
+ /** Fires when the RadioButton created successfully */
+ create? (e: CreateEventArgs): void;
+
+ /** Fires when the RadioButton destroyed successfully */
+ destroy? (e: DestroyEventArgs): void;
+}
+
+export interface BeforeChangeEventArgs {
+
+ /** if the event should be canceled; otherwise, false.
+ */
+ cancel?: boolean;
+
+ /** returns the RadioButton model
+ */
+ model?: ej.RadioButton.Model;
+
+ /** returns the name of the event
+ */
+ type?: string;
+
+ /** returns true if element is checked, otherwise returns false
+ */
+ isChecked?: boolean;
+
+ /** returns true if change event triggered by interaction, otherwise returns false
+ */
+ isInteraction?: boolean;
+}
+
+export interface ChangeEventArgs {
+
+ /** if the event should be canceled; otherwise, false.
+ */
+ cancel?: boolean;
+
+ /** returns the RadioButton model
+ */
+ model?: ej.RadioButton.Model;
+
+ /** returns the name of the event
+ */
+ type?: string;
+
+ /** returns true if element is checked, otherwise returns false
+ */
+ isChecked?: boolean;
+
+ /** returns true if change event triggered by interaction, otherwise returns false
+ */
+ isInteraction?: boolean;
+}
+
+export interface CreateEventArgs {
+
+ /** if the event should be canceled; otherwise, false.
+ */
+ cancel?: boolean;
+
+ /** returns the RadioButton model
+ */
+ model?: ej.RadioButton.Model;
+
+ /** returns the name of the event
+ */
+ type?: string;
+}
+
+export interface DestroyEventArgs {
+
+ /** if the event should be canceled; otherwise, false.
+ */
+ cancel?: boolean;
+
+ /** returns the RadioButton model
+ */
+ model?: ej.RadioButton.Model;
+
+ /** returns the name of the event
+ */
+ type?: string;
+}
+}
+enum RadioButtonSize
+{
+//Shows small size radio button
+Small,
+//Shows medium size radio button
+Medium,
+}
+
+class Rating extends ej.Widget {
+ static fn: Rating;
+ constructor(element: JQuery, options?: Rating.Model);
+ constructor(element: Element, options?: Rating.Model);
+ model:Rating.Model;
+ defaults:Rating.Model;
+
+ /** Destroy the Rating widget all events bound will be unbind automatically and bring the control to pre-init state.
+ * @returns {void}
+ */
+ destroy(): void;
+
+ /** To get the current value of rating control.
+ * @returns {number}
+ */
+ getValue(): number;
+
+ /** To hide the rating control.
+ * @returns {void}
+ */
+ hide(): void;
+
+ /** User can refresh the rating control to identify changes.
+ * @returns {void}
+ */
+ refresh(): void;
+
+ /** To reset the rating value.
+ * @returns {void}
+ */
+ reset(): void;
+
+ /** To set the rating value.
+ * @param {string|number} Specifies the rating value.
+ * @returns {void}
+ */
+ setValue(value: string|number): void;
+
+ /** To show the rating control
+ * @returns {void}
+ */
+ show(): void;
+}
+export module Rating{
+
+export interface Model {
+
+ /** Enables the rating control with reset button.It can be used to reset the rating control value.
+ * @Default {true}
+ */
+ allowReset?: boolean;
+
+ /** Specify the CSS class to achieve custom theme.
+ */
+ cssClass?: string;
+
+ /** When this property is set to false, it disables the rating control.
+ * @Default {true}
+ */
+ enabled?: boolean;
+
+ /** Save current model value to browser cookies for state maintenance. While refresh the page Rating control values are retained.
+ * @Default {false}
+ */
+ enablePersistence?: boolean;
+
+ /** Specifies the height of the Rating control wrapper.
+ * @Default {null}
+ */
+ height?: string;
+
+ /** Specifies the list of HTML attributes to be added to rating control.
+ * @Default {{}}
+ */
+ htmlAttributes?: any;
+
+ /** Specifies the value to be increased while navigating between shapes(stars) in Rating control.
+ * @Default {1}
+ */
+ incrementStep?: number;
+
+ /** Allow to render the maximum number of Rating shape(star).
+ * @Default {5}
+ */
+ maxValue?: number;
+
+ /** Allow to render the minimum number of Rating shape(star).
+ * @Default {0}
+ */
+ minValue?: number;
+
+ /** Specifies the orientation of Rating control. See Orientation
+ * @Default {ej.Rating.Orientation.Horizontal}
+ */
+ orientation?: ej.Orientation|string;
+
+ /** Helps to provide more precise ratings.Rating control supports three precision modes - full, half, and exact. See Precision
+ * @Default {full}
+ */
+ precision?: ej.Rating.Precision|string;
+
+ /** Interaction with Rating control can be prevented by enabling this API.
+ * @Default {false}
+ */
+ readOnly?: boolean;
+
+ /** To specify the height of each shape in Rating control.
+ * @Default {23}
+ */
+ shapeHeight?: number;
+
+ /** To specify the width of each shape in Rating control.
+ * @Default {23}
+ */
+ shapeWidth?: number;
+
+ /** Enables the tooltip option.Currently selected value will be displayed in tooltip.
+ * @Default {true}
+ */
+ showTooltip?: boolean;
+
+ /** To specify the number of stars to be selected while rendering.
+ * @Default {1}
+ */
+ value?: number;
+
+ /** Specifies the width of the Rating control wrapper.
+ * @Default {null}
+ */
+ width?: string;
+
+ /** Fires when Rating value changes. */
+ change? (e: ChangeEventArgs): void;
+
+ /** Fires when Rating control is clicked successfully. */
+ click? (e: ClickEventArgs): void;
+
+ /** Fires when Rating control is created. */
+ create? (e: CreateEventArgs): void;
+
+ /** Fires when Rating control is destroyed successfully. */
+ destroy? (e: DestroyEventArgs): void;
+
+ /** Fires when mouse hover is removed from Rating control. */
+ mouseout? (e: MouseoutEventArgs): void;
+
+ /** Fires when mouse hovered over the Rating control. */
+ mouseover? (e: MouseoverEventArgs): void;
+}
+
+export interface ChangeEventArgs {
+
+ /** returns the current value.
+ */
+ value?: number;
+
+ /** if the event should be canceled; otherwise, false.
+ */
+ cancel?: boolean;
+
+ /** returns the rating model
+ */
+ model?: ej.Rating.Model;
+
+ /** returns the name of the event
+ */
+ type?: string;
+
+ /** returns the mouse click event args values.
+ */
+ event?: any;
+}
+
+export interface ClickEventArgs {
+
+ /** returns the current value.
+ */
+ value?: number;
+
+ /** if the event should be canceled; otherwise, false.
+ */
+ cancel?: boolean;
+
+ /** returns the rating model
+ */
+ model?: ej.Rating.Model;
+
+ /** returns the name of the event
+ */
+ type?: string;
+
+ /** returns the mouse click event args values.
+ */
+ event?: any;
+}
+
+export interface CreateEventArgs {
+
+ /** if the event should be canceled; otherwise, false.
+ */
+ cancel?: boolean;
+
+ /** returns the rating model
+ */
+ model?: ej.Rating.Model;
+
+ /** returns the name of the event.
+ */
+ type?: string;
+}
+
+export interface DestroyEventArgs {
+
+ /** if the event should be canceled; otherwise, false.
+ */
+ cancel?: boolean;
+
+ /** returns the rating model
+ */
+ model?: ej.Rating.Model;
+
+ /** returns the name of the event
+ */
+ type?: string;
+}
+
+export interface MouseoutEventArgs {
+
+ /** returns the current value.
+ */
+ value?: number;
+
+ /** if the event should be canceled; otherwise, false.
+ */
+ cancel?: boolean;
+
+ /** returns the rating model
+ */
+ model?: ej.Rating.Model;
+
+ /** returns the name of the event
+ */
+ type?: string;
+
+ /** returns the mouse click event args values.
+ */
+ event?: any;
+}
+
+export interface MouseoverEventArgs {
+
+ /** returns the current value.
+ */
+ value?: number;
+
+ /** if the event should be canceled; otherwise, false.
+ */
+ cancel?: boolean;
+
+ /** returns the rating model
+ */
+ model?: ej.Rating.Model;
+
+ /** returns the name of the event
+ */
+ type?: string;
+
+ /** returns the mouse click event args values.
+ */
+ event?: any;
+
+ /** returns the current index value.
+ */
+ index?: any;
+}
+
+enum Precision{
+
+ ///string
+ Exact,
+
+ ///string
+ Full,
+
+ ///string
+ Half
+}
+
+}
+
+class Ribbon extends ej.Widget {
+ static fn: Ribbon;
+ constructor(element: JQuery, options?: Ribbon.Model);
+ constructor(element: Element, options?: Ribbon.Model);
+ model:Ribbon.Model;
+ defaults:Ribbon.Model;
+
+ /** Adds contextual tab or contextual tab set dynamically in the ribbon control with contextual tabs object and index position. When index is null, ribbon contextual tab or contextual tab set is added at the last index.
+ * @param {any} contextual tab or contextual tab set object.
+ * @param {number} index of the contextual tab or contextual tab set, this is optional.
+ * @returns {void}
+ */
+ addContextualTabs(contextualTabSet: any, index?: number): void;
+
+ /** Add new option to Backstage page.
+ * @param {any} select the object to add the backstage item
+ * @param {number} index to the backstage item this is optional.
+ * @returns {void}
+ */
+ addBackStageItem(item: any, index?: number): void;
+
+ /** Adds tab dynamically in the ribbon control with given name, tab group array and index position. When index is null, ribbon tab is added at the last index.
+ * @param {string} ribbon tab display text.
+ * @param {Array} groups to be displayed in ribbon tab .
+ * @param {number} index of the ribbon tab,this is optional.
+ * @returns {void}
+ */
+ addTab(tabText: string, ribbonGroups: Array, index?: number): void;
+
+ /** Adds tab group dynamically in the ribbon control with given tab index, tab group object and group index position. When group index is null, ribbon group is added at the last index.
+ * @param {number} ribbon tab index.
+ * @param {any} group to be displayed in ribbon tab .
+ * @param {number} index of the ribbon group,this is optional.
+ * @returns {void}
+ */
+ addTabGroup(tabIndex: number, tabGroup: any, groupIndex?: number): void;
+
+ /** Adds group content dynamically in the ribbon control with given tab index, group index, sub group index, content and content index position. When content index is null, content is added at the last index.
+ * @param {number} ribbon tab index.
+ * @param {number} ribbon group index.
+ * @param {number} sub group index in the ribbon group,
+ * @param {any} content to be displayed in the ribbon group.
+ * @param {number} ribbon content index .this is optional.
+ * @returns {void}
+ */
+ addTabGroupContent(tabIndex: number, groupIndex: number, subGroupIndex: number, content: any, contentIndex?: number): void;
+
+ /** Hides the ribbon backstage page.
+ * @returns {void}
+ */
+ hideBackstage(): void;
+
+ /** Collapses the ribbon tab content.
+ * @returns {void}
+ */
+ collapse(): void;
+
+ /** Destroys the ribbon widget. All the events bound using this._on are unbound automatically and the ribbon control is moved to pre-init state.
+ * @returns {void}
+ */
+ destroy(): void;
+
+ /** Expands the ribbon tab content.
+ * @returns {void}
+ */
+ expand(): void;
+
+ /** Gets text of the given index tab in the ribbon control.
+ * @param {number} index of the tab item.
+ * @returns {string}
+ */
+ getTabText(index: number): string;
+
+ /** Hides the given text tab in the ribbon control.
+ * @param {string} text of the tab item.
+ * @returns {void}
+ */
+ hideTab(text: string): void;
+
+ /** Checks whether the given text tab in the ribbon control is enabled or not.
+ * @param {string} text of the tab item.
+ * @returns {boolean}
+ */
+ isEnable(text: string): boolean;
+
+ /** Checks whether the given text tab in the ribbon control is visible or not.
+ * @param {string} text of the tab item.
+ * @returns {boolean}
+ */
+ isVisible(text: string): boolean;
+
+ /** Removes the given index tab item from the ribbon control.
+ * @param {number} index of tab item.
+ * @returns {void}
+ */
+ removeTab(index: number): void;
+
+ /** Sets new text to the given text tab in the ribbon control.
+ * @param {string} current text of the tab item.
+ * @param {string} new text of the tab item.
+ * @returns {void}
+ */
+ setTabText(tabText: string, newText: string): void;
+
+ /** Displays the ribbon backstage page.
+ * @returns {void}
+ */
+ showBackstage(): void;
+
+ /** Displays the given text tab in the ribbon control.
+ * @param {string} text of the tab item.
+ * @returns {void}
+ */
+ showTab(text: string): void;
+
+ /** To customize Group alone in the inside content.
+ * @param {number} ribbon tab index.
+ * @param {string} group id to be displayed in ribbon tab .
+ * @param {any} contentGroup is used in the object
+ * @returns {void}
+ */
+ updateGroup(tabIndex: number, groupId: string, contentGroup?: any): void;
+
+ /** Update option in existing Backstage.
+ * @param {number} index to the backstage item
+ * @param {any} select the object to add the backstage item
+ * @returns {void}
+ */
+ updateBackStageItem(index: number, item?: any): void;
+
+ /** To customize whole content from Tab Group.
+ * @param {number} ribbon tab index.
+ * @param {string} ribbon group index.
+ * @param {number} sub group index in the ribbon group,
+ * @returns {void}
+ */
+ removeTabGroupContent(tabIndex: number, groupIndex: string, subGroupIndex?: number): void;
+
+ /** Remove option from Backstage.
+ * @param {number} index to the backstage item
+ * @returns {void}
+ */
+ removeBackStageItem(index: number): void;
+}
+export module Ribbon{
+
+export interface Model {
+
+ /** Enables the ribbon resize feature.allowResizing is a deprecated property of isResponsive.
+ * @Default {false}
+ */
+ allowResizing?: boolean;
+
+ /** When set to true, adapts the Ribbon layout to fit the screen size of devices on which it renders.
+ * @Default {false}
+ */
+ isResponsive?: boolean;
+
+ /** When isMobileOnly is true,its shows in mobile toolbar.
+ * @Default {false}
+ */
+ isMobileOnly?: boolean;
+
+ /** Specifies the height, width, enableRTL, showRoundedCorner,enabled,cssClass property to the controls in the ribbon commonly andit will work only when those properties are not defined in buttonSettings and content defaults.
+ * @Default {object}
+ */
+ buttonDefaults?: any;
+
+ /** Property to enable the ribbon quick access toolbar.
+ * @Default {false}
+ */
+ showQAT?: boolean;
+
+ /** Sets custom setting to the collapsible pin in the ribbon.
+ * @Default {Object}
+ */
+ collapsePinSettings?: CollapsePinSettings;
+
+ /** Align content in the ribbon control from right to left by setting the property as true.
+ * @Default {false}
+ */
+ enableRTL?: any;
+
+ /** Sets custom setting to the expandable pin in the ribbon.
+ * @Default {Object}
+ */
+ expandPinSettings?: ExpandPinSettings;
+
+ /** Specifies the application tab to contain application menu or backstage page in the ribbon control.
+ * @Default {Object}
+ */
+ applicationTab?: ApplicationTab;
+
+ /** Specifies the contextual tabs and tab set to the ribbon control with the background color and border color. Refer to the tabs section for adding tabs into the contextual tab and contextual tab set.
+ * @Default {array}
+ */
+ contextualTabs?: Array;
+
+ /** Specifies the index or indexes to disable the given index tab or indexes tabs in the ribbon control.
+ * @Default {0}
+ */
+ disabledItemIndex?: Array;
+
+ /** Specifies the index or indexes to enable the given index tab or indexes tabs in the ribbon control.
+ * @Default {null}
+ */
+ enabledItemIndex?: Array;
+
+ /** Specifies the index of the ribbon tab to select the given index tab item in the ribbon control.
+ * @Default {1}
+ */
+ selectedItemIndex?: number;
+
+ /** Specifies the tabs and its groups. Also specifies the control details that has to be placed in the tab area in the ribbon control.
+ * @Default {array}
+ */
+ tabs?: Array;
+
+ /** Gets or sets a value that indicates whether to customizing the user interface (UI) as locale-specific in order to display regional data i.e. in a language and culture specific to a particular country or region and it will need to use the user's preference.
+ * @Default {en-US}
+ */
+ locale?: string;
+
+ /** Specifies the width to the ribbon control. You can set width in string or number format.
+ * @Default {null}
+ */
+ width?: string|number;
+
+ /** Triggered before the ribbon tab item is removed. */
+ beforeTabRemove? (e: BeforeTabRemoveEventArgs): void;
+
+ /** Triggered before the ribbon control is created. */
+ create? (e: CreateEventArgs): void;
+
+ /** Triggered before the ribbon control is destroyed. */
+ destroy? (e: DestroyEventArgs): void;
+
+ /** Triggered when the control in the group is clicked successfully. */
+ groupClick? (e: GroupClickEventArgs): void;
+
+ /** Triggered when the group expander in the group is clicked successfully. */
+ groupExpand? (e: GroupExpandEventArgs): void;
+
+ /** Triggered when an item in the Gallery control is clicked successfully. */
+ galleryItemClick? (e: GalleryItemClickEventArgs): void;
+
+ /** Triggered when a tab or button in the backstage page is clicked successfully. */
+ backstageItemClick? (e: BackstageItemClickEventArgs): void;
+
+ /** Triggered when the ribbon control is collapsed. */
+ collapse? (e: CollapseEventArgs): void;
+
+ /** Triggered when the ribbon control is expanded. */
+ expand? (e: ExpandEventArgs): void;
+
+ /** Triggered before the ribbon control is load. */
+ load? (e: LoadEventArgs): void;
+
+ /** Triggered after adding the new ribbon tab item. */
+ tabAdd? (e: TabAddEventArgs): void;
+
+ /** Triggered when tab is clicked successfully in the ribbon control. */
+ tabClick? (e: TabClickEventArgs): void;
+
+ /** Triggered before the ribbon tab is created. */
+ tabCreate? (e: TabCreateEventArgs): void;
+
+ /** Triggered after the tab item is removed from the ribbon control. */
+ tabRemove? (e: TabRemoveEventArgs): void;
+
+ /** Triggered after the ribbon tab item is selected in the ribbon control. */
+ tabSelect? (e: TabSelectEventArgs): void;
+
+ /** Triggered when the expand/collapse button is clicked successfully . */
+ toggleButtonClick? (e: ToggleButtonClickEventArgs): void;
+
+ /** Triggered when the QAT menu item is clicked successfully . */
+ qatMenuItemClick? (e: QatMenuItemClickEventArgs): void;
+}
+
+export interface BeforeTabRemoveEventArgs {
+
+ /** Set to true when the event has to be canceled, else false.
+ */
+ cancel?: boolean;
+
+ /** returns the ribbon model.
+ */
+ model?: any;
+
+ /** returns the name of the event.
+ */
+ type?: string;
+
+ /** returns current tab item index in the ribbon control.
+ */
+ index?: number;
+}
+
+export interface CreateEventArgs {
+
+ /** Set to true when the event has to be canceled, else false.
+ */
+ cancel?: boolean;
+
+ /** returns the ribbon model.
+ */
+ model?: any;
+
+ /** returns the name of the event.
+ */
+ type?: string;
+}
+
+export interface DestroyEventArgs {
+
+ /** Set to true when the event has to be canceled, else false.
+ */
+ cancel?: boolean;
+
+ /** returns the ribbon model.
+ */
+ model?: any;
+
+ /** returns the name of the event.
+ */
+ type?: string;
+
+ /** returns current ribbon tab item index
+ */
+ deleteIndex?: number;
+}
+
+export interface GroupClickEventArgs {
+
+ /** Set to true when the event has to be canceled, else false.
+ */
+ cancel?: boolean;
+
+ /** returns the ribbon model.
+ */
+ model?: any;
+
+ /** returns the name of the event.
+ */
+ type?: string;
+
+ /** returns the control clicked in the group.
+ */
+ target?: number;
+}
+
+export interface GroupExpandEventArgs {
+
+ /** Set to true when the event has to be canceled, else false.
+ */
+ cancel?: boolean;
+
+ /** returns the ribbon model.
+ */
+ model?: any;
+
+ /** returns the name of the event.
+ */
+ type?: string;
+
+ /** returns the clicked group expander.
+ */
+ target?: number;
+}
+
+export interface GalleryItemClickEventArgs {
+
+ /** Set to true when the event has to be canceled, else false.
+ */
+ cancel?: boolean;
+
+ /** returns the ribbon model.
+ */
+ model?: any;
+
+ /** returns the gallery model.
+ */
+ galleryModel?: any;
+
+ /** returns the name of the event.
+ */
+ type?: string;
+
+ /** returns the item clicked in the gallery.
+ */
+ target?: number;
+}
+
+export interface BackstageItemClickEventArgs {
+
+ /** Set to true when the event has to be canceled, else false.
+ */
+ cancel?: boolean;
+
+ /** returns the ribbon model.
+ */
+ model?: any;
+
+ /** returns the name of the event.
+ */
+ type?: string;
+
+ /** returns the item clicked in the gallery.
+ */
+ target?: number;
+
+ /** returns the id of the target item.
+ */
+ id?: string;
+
+ /** returns the text of the target item.
+ */
+ text?: string;
+}
+
+export interface CollapseEventArgs {
+
+ /** Set to true when the event has to be canceled, else false.
+ */
+ cancel?: boolean;
+
+ /** returns the ribbon model.
+ */
+ model?: any;
+
+ /** returns the name of the event.
+ */
+ type?: string;
+}
+
+export interface ExpandEventArgs {
+
+ /** Set to true when the event has to be canceled, else false.
+ */
+ cancel?: boolean;
+
+ /** returns the ribbon model.
+ */
+ model?: any;
+
+ /** returns the name of the event.
+ */
+ type?: string;
+}
+
+export interface LoadEventArgs {
+
+ /** Set to true when the event has to be canceled, else false.
+ */
+ cancel?: boolean;
+
+ /** returns the ribbon model.
+ */
+ model?: any;
+
+ /** returns the name of the event.
+ */
+ type?: string;
+}
+
+export interface TabAddEventArgs {
+
+ /** Set to true when the event has to be canceled, else false.
+ */
+ cancel?: boolean;
+
+ /** returns the ribbon model.
+ */
+ model?: any;
+
+ /** returns the name of the event.
+ */
+ type?: string;
+
+ /** returns new added tab header.
+ */
+ tabHeader?: any;
+
+ /** returns new added tab content panel.
+ */
+ tabContent?: any;
+}
+
+export interface TabClickEventArgs {
+
+ /** Set to true when the event has to be canceled, else false.
+ */
+ cancel?: boolean;
+
+ /** returns the ribbon model.
+ */
+ model?: any;
+
+ /** returns the name of the event.
+ */
+ type?: string;
+
+ /** returns previous active tab header.
+ */
+ prevActiveHeader?: any;
+
+ /** returns previous active index.
+ */
+ prevActiveIndex?: number;
+
+ /** returns current active tab header .
+ */
+ activeHeader?: any;
+
+ /** returns current active index.
+ */
+ activeIndex?: number;
+}
+
+export interface TabCreateEventArgs {
+
+ /** Set to true when the event has to be canceled, else false.
+ */
+ cancel?: boolean;
+
+ /** returns the ribbon model.
+ */
+ model?: any;
+
+ /** returns the name of the event.
+ */
+ type?: string;
+
+ /** returns current ribbon tab item index
+ */
+ deleteIndex?: number;
+}
+
+export interface TabRemoveEventArgs {
+
+ /** Set to true when the event has to be canceled, else false.
+ */
+ cancel?: boolean;
+
+ /** returns the ribbon model.
+ */
+ model?: any;
+
+ /** returns the name of the event.
+ */
+ type?: string;
+
+ /** returns the removed index.
+ */
+ removedIndex?: number;
+}
+
+export interface TabSelectEventArgs {
+
+ /** Set to true when the event has to be canceled, else false.
+ */
+ cancel?: boolean;
+
+ /** returns the ribbon model.
+ */
+ model?: any;
+
+ /** returns the name of the event.
+ */
+ type?: string;
+
+ /** returns previous active tab header.
+ */
+ prevActiveHeader?: any;
+
+ /** returns previous active index.
+ */
+ prevActiveIndex?: number;
+
+ /** returns current active tab header .
+ */
+ activeHeader?: any;
+
+ /** returns current active index.
+ */
+ activeIndex?: number;
+}
+
+export interface ToggleButtonClickEventArgs {
+
+ /** Set to true when the event has to be canceled, else false.
+ */
+ cancel?: boolean;
+
+ /** returns the ribbon model.
+ */
+ model?: any;
+
+ /** returns the name of the event.
+ */
+ type?: string;
+
+ /** returns the expand/collapse button.
+ */
+ target?: number;
+}
+
+export interface QatMenuItemClickEventArgs {
+
+ /** if the event should be canceled; otherwise, false.
+ */
+ cancel?: boolean;
+
+ /** returns the ribbon model.
+ */
+ model?: any;
+
+ /** returns the name of the event.
+ */
+ type?: string;
+
+ /** returns the clicked menu item text.
+ */
+ text?: string;
+}
+
+export interface CollapsePinSettings {
+
+ /** Sets tooltip for the collapse pin .
+ * @Default {null}
+ */
+ toolTip?: string;
+
+ /** Specifies the custom tooltip for collapse pin.Refer to ejRibbon#tabs->groups->content->groups->customToolTip for its inner properties.
+ * @Default {Object}
+ */
+ customToolTip?: any;
+}
+
+export interface ExpandPinSettings {
+
+ /** Sets tooltip for the expand pin.
+ * @Default {null}
+ */
+ toolTip?: string;
+
+ /** Specifies the custom tooltip for expand pin.Refer to ejRibbon#tabs->groups->content->groups->customToolTip for its inner properties.
+ * @Default {Object}
+ */
+ customToolTip?: any;
+}
+
+export interface ApplicationTabBackstageSettingsPage {
+
+ /** Specifies the id for ribbon backstage page's tab and button elements.
+ * @Default {null}
+ */
+ id?: string;
+
+ /** Specifies the text for ribbon backstage page's tab header and button elements.
+ * @Default {null}
+ */
+ text?: string;
+
+ /** Specifies the type for ribbon backstage page's contents. Set "ej.Ribbon.BackStageItemType.Tab" to render the tab or "ej.Ribbon.BackStageItemType.Button" to render the button.
+ * @Default {ej.Ribbon.ItemType.Tab}
+ */
+ itemType?: ej.Ribbon.ItemType|string;
+
+ /** Specifies the id of HTML elements like div,ul, etc., as ribbon backstage page's tab content.
+ * @Default {null}
+ */
+ contentID?: string;
+
+ /** Specifies the separator between backstage page's tab and button elements.
+ * @Default {false}
+ */
+ enableSeparator?: boolean;
+}
+
+export interface ApplicationTabBackstageSettings {
+
+ /** Specifies the display text of application tab.
+ * @Default {null}
+ */
+ text?: string;
+
+ /** Specifies the height of ribbon backstage page.
+ * @Default {null}
+ */
+ height?: string|number;
+
+ /** Specifies the width of ribbon backstage page.
+ * @Default {null}
+ */
+ width?: string|number;
+
+ /** Specifies the ribbon backstage page with its tab and button elements.
+ * @Default {array}
+ */
+ pages?: Array;
+
+ /** Specifies the width of backstage page header that contains tabs and buttons.
+ * @Default {null}
+ */
+ headerWidth?: string|number;
+}
+
+export interface ApplicationTab {
+
+ /** Specifies the ribbon backstage page items.
+ * @Default {object}
+ */
+ backstageSettings?: ApplicationTabBackstageSettings;
+
+ /** Specifies the ID of ul list to create application menu in the ribbon control.
+ * @Default {null}
+ */
+ menuItemID?: string;
+
+ /** Specifies the menu members, events by using the menu settings for the menu in the application tab.
+ * @Default {object}
+ */
+ menuSettings?: any;
+
+ /** Specifies the application menu or backstage page. Specify the type of application tab as "ej.Ribbon.ApplicationTabType.Menu" to render the application menu or "ej.Ribbon.ApplicationTabType.Backstage" to render backstage page in the ribbon control.
+ * @Default {ej.Ribbon.ApplicationTabType.Menu}
+ */
+ type?: ej.Ribbon.ApplicationTabType|string;
+}
+
+export interface ContextualTab {
+
+ /** Specifies the backgroundColor of the contextual tabs and tab set in the ribbon control.
+ * @Default {null}
+ */
+ backgroundColor?: string;
+
+ /** Specifies the borderColor of the contextual tabs and tab set in the ribbon control.
+ * @Default {null}
+ */
+ borderColor?: string;
+
+ /** Specifies the tabs to present in the contextual tabs and tab set. Refer to the tabs section for adding tabs into the contextual tabs and tab set.
+ * @Default {array}
+ */
+ tabs?: Array;
+}
+
+export interface TabsGroupsContentDefaults {
+
+ /** Specifies the controls height such as Syncfusion button,split button,dropdown list,toggle button in the subgroup of the ribbon tab.
+ * @Default {null}
+ */
+ height?: string|number;
+
+ /** Specifies the controls width such as Syncfusion button,split button,dropdown list,toggle button in the subgroup of the ribbon tab.
+ * @Default {null}
+ */
+ width?: string|number;
+
+ /** Specifies the controls type such as Syncfusion button,split button,dropdown list,toggle button in the subgroup of the ribbon tab.
+ * @Default {ej.Ribbon.Type.Button}
+ */
+ type?: string;
+
+ /** Specifies the controls size such as Syncfusion button,split button,dropdown list,toggle button in the subgroup of the ribbon tab.
+ * @Default {false}
+ */
+ isBig?: boolean;
+}
+
+export interface TabsGroupsContentGroupsCustomGalleryItem {
+
+ /** Specifies the Syncfusion button members, events by using buttonSettings.
+ * @Default {object}
+ */
+ buttonSettings?: any;
+
+ /** Specifies the type as ej.Ribbon.CustomItemType.Menu or ej.Ribbon.CustomItemType.Button to render Syncfusion button and menu.
+ * @Default {ej.Ribbon.CustomItemType.Button}
+ */
+ customItemType?: ej.Ribbon.CustomItemType|string;
+
+ /** Specifies the custom tooltip for gallery extra item's button. Refer to ejRibbon#tabs->groups->content->groups->customToolTip for its inner properties.
+ * @Default {object}
+ */
+ customToolTip?: any;
+
+ /** Specifies the UL list id to render menu as gallery extra item.
+ * @Default {null}
+ */
+ menuId?: string;
+
+ /** Specifies the Syncfusion menu members, events by using menuSettings.
+ * @Default {object}
+ */
+ menuSettings?: any;
+
+ /** Specifies the text for gallery extra item's button.
+ * @Default {null}
+ */
+ text?: string;
+
+ /** Specifies the tooltip for gallery extra item's button.
+ * @Default {null}
+ */
+ toolTip?: string;
+}
+
+export interface TabsGroupsContentGroupsCustomToolTip {
+
+ /** Sets content to the custom tooltip. Text and HTML support are provided for content.
+ * @Default {null}
+ */
+ content?: string;
+
+ /** Sets icon to the custom tooltip content.
+ * @Default {null}
+ */
+ prefixIcon?: string;
+
+ /** Sets title to the custom tooltip. Text and HTML support are provided for title and the title is in bold for text format.
+ * @Default {null}
+ */
+ title?: string;
+}
+
+export interface TabsGroupsContentGroupsGalleryItem {
+
+ /** Specifies the Syncfusion button members, events by using buttonSettings.
+ * @Default {object}
+ */
+ buttonSettings?: any;
+
+ /** Specifies the custom tooltip for gallery content. Refer to ejRibbon#tabs->groups->content->groups->customToolTip for its inner properties.
+ * @Default {object}
+ */
+ customToolTip?: any;
+
+ /** Sets text for the gallery content.
+ * @Default {null}
+ */
+ text?: string;
+
+ /** Sets tooltip for the gallery content.
+ * @Default {null}
+ */
+ toolTip?: string;
+}
+
+export interface TabsGroupsContentGroup {
+
+ /** Specifies the Syncfusion button members, events by using this buttonSettings.
+ * @Default {object}
+ */
+ buttonSettings?: any;
+
+ /** It is used to set the count of gallery contents in a row.
+ * @Default {null}
+ */
+ columns?: number;
+
+ /** Specifies the custom items such as div, table, controls as custom controls with the type "ej.Ribbon.Type.Custom" in the groups.
+ * @Default {null}
+ */
+ contentID?: string;
+
+ /** Specifies the CSS class property to apply styles to the button, split, dropdown controls in the groups.
+ * @Default {null}
+ */
+ cssClass?: string;
+
+ /** Specifies the Syncfusion button and menu as gallery extra items.
+ * @Default {array}
+ */
+ customGalleryItems?: Array;
+
+ /** Provides custom tooltip for button, split button, dropdown list, toggle button, custom controls in the sub groups. Text and HTML support are also provided for title and content.
+ * @Default {Object}
+ */
+ customToolTip?: TabsGroupsContentGroupsCustomToolTip;
+
+ /** Specifies the Syncfusion dropdown list members, events by using this dropdownSettings.
+ * @Default {object}
+ */
+ dropdownSettings?: any;
+
+ /** Specifies the separator to the control that is in row type group. The separator separates the control from the next control in the group. Set "true" to enable the separator.
+ * @Default {false}
+ */
+ enableSeparator?: boolean;
+
+ /** Sets the count of gallery contents in a row, when the gallery is in expanded state.
+ * @Default {null}
+ */
+ expandedColumns?: number;
+
+ /** Defines each gallery content.
+ * @Default {array}
+ */
+ galleryItems?: Array;
+
+ /** Specifies the Id for button, split button, dropdown list, toggle button, gallery, custom controls in the sub groups.
+ * @Default {null}
+ */
+ id?: string;
+
+ /** Specifies the size for button, split button controls. Set "true" for big size and "false" for small size.
+ * @Default {null}
+ */
+ isBig?: boolean;
+
+ /** Sets the height of each gallery content.
+ * @Default {null}
+ */
+ itemHeight?: string|number;
+
+ /** Sets the width of each gallery content.
+ * @Default {null}
+ */
+ itemWidth?: string|number;
+
+ /** Specifies the Syncfusion split button members, events by using this splitButtonSettings.
+ * @Default {object}
+ */
+ splitButtonSettings?: any;
+
+ /** Specifies the text for button, split button, toggle button controls in the sub groups.
+ * @Default {null}
+ */
+ text?: string;
+
+ /** Specifies the Syncfusion toggle button members, events by using toggleButtonSettings.
+ * @Default {object}
+ */
+ toggleButtonSettings?: any;
+
+ /** Specifies the tooltip for button, split button, dropdown list, toggle button, custom controls in the sub groups.
+ * @Default {null}
+ */
+ toolTip?: string;
+
+ /** To add,show and hide controls in Quick Access toolbar.
+ * @Default {ej.Ribbon.QuickAccessMode.None}
+ */
+ quickAccessMode?: ej.Ribbon.QuickAccessMode|string;
+
+ /** Specifies the type as "ej.Ribbon.Type.Button" or "ej.Ribbon.Type.SplitButton" or "ej.Ribbon.Type.DropDownList" or "ej.Ribbon.Type.ToggleButton" or "ej.Ribbon.Type.Custom" or "ej.Ribbon.Type.Gallery" to render button, split, dropdown, toggle button, gallery, custom controls.
+ * @Default {ej.Ribbon.Type.Button}
+ */
+ type?: ej.Ribbon.Type|string;
+}
+
+export interface TabsGroupsContent {
+
+ /** Specifies the height, width, type, isBig property to the controls in the group commonly.
+ * @Default {object}
+ */
+ defaults?: TabsGroupsContentDefaults;
+
+ /** Specifies the controls such as Syncfusion button, split button, dropdown list, toggle button, gallery, custom controls in the subgroup of the ribbon tab .
+ * @Default {array}
+ */
+ groups?: Array;
+}
+
+export interface TabsGroupsGroupExpanderSettings {
+
+ /** Sets tooltip for the group expander of the group.
+ * @Default {null}
+ */
+ toolTip?: string;
+
+ /** Specifies the custom tooltip for group expander.Refer to ejRibbon#tabs->groups->content->groups->customToolTip for its inner properties.
+ * @Default {Object}
+ */
+ customToolTip?: any;
+}
+
+export interface TabsGroup {
+
+ /** Specifies the alignment of controls in the groups in 'row' type or 'column' type. Value for row type is "ej.Ribbon.AlignType.Rows" and for column type is "ej.Ribbon.alignType.columns".
+ * @Default {ej.Ribbon.AlignType.Rows}
+ */
+ alignType?: ej.Ribbon.AlignType|string;
+
+ /** Specifies the Syncfusion button, split button, dropdown list, toggle button, gallery, custom controls to the groups in the ribbon control.
+ * @Default {array}
+ */
+ content?: Array;
+
+ /** Specifies the ID of custom items to be placed in the groups.
+ * @Default {null}
+ */
+ contentID?: string;
+
+ /** Specifies the HTML contents to place into the groups.
+ * @Default {null}
+ */
+ customContent?: string;
+
+ /** Specifies the group expander for groups in the ribbon control. Set "true" to enable the group expander.
+ * @Default {false}
+ */
+ enableGroupExpander?: boolean;
+
+ /** Sets custom setting to the groups in the ribbon control.
+ * @Default {Object}
+ */
+ groupExpanderSettings?: TabsGroupsGroupExpanderSettings;
+
+ /** Specifies the text to the groups in the ribbon control.
+ * @Default {null}
+ */
+ text?: string;
+
+ /** Specifies the custom items such as div, table, controls by using the "custom" type.
+ * @Default {null}
+ */
+ type?: string;
+}
+
+export interface Tab {
+
+ /** Specifies single group or multiple groups and its contents to each tab in the ribbon control.
+ * @Default {array}
+ */
+ groups?: Array;
+
+ /** Specifies the ID for each tab's content panel.
+ * @Default {null}
+ */
+ id?: string;
+
+ /** Specifies the text of the tab in the ribbon control.
+ * @Default {null}
+ */
+ text?: string;
+}
+
+enum ItemType{
+
+ ///To render the button for ribbon backstage page’s contents
+ Button,
+
+ ///To render the tab for ribbon backstage page’s contents
+ Tab
+}
+
+
+enum ApplicationTabType{
+
+ ///applicationTab display as menu
+ Menu,
+
+ ///applicationTab display as backstage
+ Backstage
+}
+
+
+enum AlignType{
+
+ ///To align the group content's in row
+ Rows,
+
+ ///To align group content's in columns
+ Columns
+}
+
+
+enum CustomItemType{
+
+ ///Specifies the button type in customGalleryItems
+ Button,
+
+ ///Specifies the menu type in customGalleryItems
+ Menu
+}
+
+
+enum QuickAccessMode{
+
+ ///Controls are hidden in Quick Access toolbar
+ None,
+
+ ///Add controls in toolBar
+ ToolBar,
+
+ ///Add controls in menu
+ Menu
+}
+
+
+enum Type{
+
+ ///Specifies the button control
+ Button,
+
+ ///Specifies the split button
+ SplitButton,
+
+ ///Specifies the dropDown
+ DropDownList,
+
+ ///To append external element's
+ Custom,
+
+ ///Specifies the toggle button
+ ToggleButton,
+
+ ///Specifies the ribbon gallery
+ Gallery
+}
+
+}
+
+class Kanban extends ej.Widget {
+ static fn: Kanban;
+ constructor(element: JQuery, options?: Kanban.Model);
+ constructor(element: Element, options?: Kanban.Model);
+ model:Kanban.Model;
+ defaults:Kanban.Model;
+
+ /** Add or remove columns in Kanban columns collections.Default action is add.
+ * @param {Array|string} Pass array of columns or string of headerText to add/remove the column in Kanban
+ * @param {Array|string} Pass array of columns or string of key value to add/remove the column in Kanban
+ * @param {string} optional Pass add/remove action to be performed. By default "add" action will perform
+ * @returns {void}
+ */
+ columns(columndetails: Array|string, keyvalue: Array|string, action?: string): void;
+
+ /** Destroy the Kanban widget all events bound using this._on will be unbind automatically and bring the control to pre-init state.
+ * @returns {void}
+ */
+ destroy(): void;
+
+ /** Refresh the Kanban with new data source.
+ * @param {Array} Pass new data source to the Kanban
+ * @returns {void}
+ */
+ dataSource(datasource: Array): void;
+
+ /** toggleColumn based on the headerText in Kanban.
+ * @param {any} Pass the header text of the column to get the corresponding column object
+ * @returns {void}
+ */
+ toggleColumn(headerText: any): void;
+
+ /** Expand or collapse the card based on the state of target "div"
+ * @param {string|number} Pass the id of card to be toggle
+ * @returns {void}
+ */
+ toggleCard(key: string|number): void;
+
+ /** Used for get the names of all the visible column name collections in Kanban.
+ * @returns {void}
+ */
+ getVisibleColumnNames(): void;
+
+ /** Get the scroller object of Kanban.
+ * @returns {void}
+ */
+ getScrollObject(): void;
+
+ /** Get the column details based on the given header text in Kanban.
+ * @param {string} Pass the header text of the column to get the corresponding column object
+ * @returns {string}
+ */
+ getColumnByHeaderText(headerText: string): string;
+
+ /** Get the table details based on the given header table in Kanban.
+ * @returns {string}
+ */
+ getHeaderTable(): string;
+
+ /** Hide columns from the Kanban based on the header text
+ * @param {Array|string} you can pass either array of header text of various columns or a header text of a column to hide
+ * @returns {void}
+ */
+ hideColumns(headerText: Array|string): void;
+
+ /** Print the Kanban Board
+ * @returns {void}
+ */
+ print(): void;
+
+ /** Refresh the template of the Kanban
+ * @returns {void}
+ */
+ refreshTemplate(): void;
+
+ /** Refresh the Kanban contents.The template refreshment is based on the argument passed along with this method
+ * @param {boolean} optional When templateRefresh is set true, template and Kanban contents both are refreshed in Kanban else only Kanban content is refreshed
+ * @returns {void}
+ */
+ refresh(templateRefresh?: boolean): void;
+
+ /** Show columns in the Kanban based on the header text.
+ * @param {Array|string} You can pass either array of header text of various columns or a header text of a column to show
+ * @returns {void}
+ */
+ showColumns(headerText: Array|string): void;
+
+ /** Update a card in Kanban control based on key and JSON data given.
+ * @param {string} Pass the key field Name of the column
+ * @param {Array} Pass the edited JSON data of card need to be update.
+ * @returns {void}
+ */
+ updateCard(key: string, data: Array): void;
+
+ KanbanSelection: Kanban.KanbanSelection;
+
+ KanbanSwimlane: Kanban.KanbanSwimlane;
+
+ KanbanFilter: Kanban.KanbanFilter;
+
+ KanbanEdit: Kanban.KanbanEdit;
+}
+export module Kanban{
+
+export interface KanbanSelection {
+
+ /** It is used to clear all the card selection.
+ * @returns {void}
+ */
+ clear(): void;
+}
+
+export interface KanbanSwimlane {
+
+ /** Expand all the swimlane rows in Kanban.
+ * @returns {void}
+ */
+ expandAll(): void;
+
+ /** Collapse all the swimlane rows in Kanban.
+ * @returns {void}
+ */
+ collapseAll(): void;
+
+ /** Expand or collapse the swimlane row based on the state of target "div"
+ * @param {any} Pass the div object to toggleSwimlane row based on its row state
+ * @returns {void}
+ */
+ toggle($div: any): void;
+}
+
+export interface KanbanFilter {
+
+ /** Method used for send a clear search request to Kanban.
+ * @returns {void}
+ */
+ clearSearch(): void;
+
+ /** Send a search request to Kanban with specified string passed in it.
+ * @param {string} Pass the string to search in Kanban card
+ * @returns {void}
+ */
+ searchCards(searchString: string): void;
+
+ /** Send a clear request to filter cards in the kanban.
+ * @returns {void}
+ */
+ clearFilter(): void;
+
+ /** Send a filtering request to cards in the kanban.
+ * @returns {void}
+ */
+ filterCards(): void;
+}
+
+export interface KanbanEdit {
+
+ /** Add a new card in Kanban control.If parameters are not given default dialog will be open.
+ * @param {string} Pass the primary key field Name of the column
+ * @param {Array} Pass the edited JSON data of card need to be add.
+ * @returns {void}
+ */
+ addCard(primaryKey: string,card: Array): void;
+
+ /** Send a cancel request of add/edit card in Kanban.
+ * @returns {void}
+ */
+ cancelEdit(): void;
+
+ /** Delete a card in Kanban control.
+ * @param {string|number} Pass the key of card to be delete
+ * @returns {void}
+ */
+ deleteCard(Key: string|number): void;
+
+ /** Send a save request in Kanban when any card is in edit/new add card state.
+ * @returns {void}
+ */
+ endEdit(): void;
+
+ /** Send an edit card request in Kanban.Parameter will be HTML element or primary key
+ * @param {any} Pass the div selected row element to be edited in Kanban
+ * @returns {void}
+ */
+ startEdit($div: any): void;
+
+ /** Method used for set validation to a field during editing.
+ * @param {string} Specify the name of the column to set validation rules
+ * @param {any} Specify the validation rules for the field
+ * @returns {void}
+ */
+ setValidationToField(name: string,rules: any): void;
+}
+
+export interface Model {
+
+ /** Gets or sets a value that indicates whether to enable allowDragAndDrop behavior on Kanban.
+ * @Default {true}
+ */
+ allowDragAndDrop?: boolean;
+
+ /** To enable or disable the title of the card.
+ * @Default {false}
+ */
+ allowTitle?: boolean;
+
+ /** Customize the settings for swim lane.
+ * @Default {Object}
+ */
+ swimlaneSettings?: SwimlaneSettings;
+
+ /** To enable or disable the column expand /collapse.
+ * @Default {false}
+ */
+ allowToggleColumn?: boolean;
+
+ /** To enable Searching operation in Kanban.
+ * @Default {false}
+ */
+ allowSearching?: boolean;
+
+ /** To enable filtering behavior on Kanban.User can specify query in filterSettings collection after enabling allowFiltering.
+ * @Default {false}
+ */
+ allowFiltering?: boolean;
+
+ /** Gets or sets a value that indicates whether to enable allowSelection behavior on Kanban.User can select card and the selected card will be highlighted on Kanban.
+ * @Default {true}
+ */
+ allowSelection?: boolean;
+
+ /** Gets or sets a value that indicates whether to allow card hover actions.
+ * @Default {true}
+ */
+ allowHover?: boolean;
+
+ /** To allow keyboard navigation actions.
+ * @Default {false}
+ */
+ allowKeyboardNavigation?: boolean;
+
+ /** Gets or sets a value that indicates whether to enable the scrollbar in the Kanban and view the card by scroll through the Kanban manually.
+ * @Default {false}
+ */
+ allowScrolling?: boolean;
+
+ /** Gets or sets a value that indicates whether to enable printing option.
+ * @Default {false}
+ */
+ allowPrinting?: boolean;
+
+ /** Gets or sets an object that indicates whether to customize the context menu behavior of the Kanban.
+ * @Default {Object}
+ */
+ contextMenuSettings?: ContextMenuSettings;
+
+ /** Gets or sets an object that indicates to render the Kanban with specified columns.
+ * @Default {array}
+ */
+ columns?: Array;
+
+ /** Gets or sets an object that indicates whether to Customize the card settings.
+ * @Default {Object}
+ */
+ cardSettings?: CardSettings;
+
+ /** Gets or sets a value that indicates whether to add customToolbarItems within the toolbar to perform any action in the Kanban.
+ * @Default {[]}
+ */
+ customToolbarItems?: Array;
+
+ /** Gets or sets a value that indicates to render the Kanban with custom theme.
+ */
+ cssClass?: string;
+
+ /** Gets or sets the data to render the Kanban with cards.
+ * @Default {null}
+ */
+ dataSource?: any;
+
+ /** To perform kanban functionalities with touch interaction.
+ * @Default {true}
+ */
+ enableTouch?: boolean;
+
+ /** Align content in the Kanban control align from right to left by setting the property as true.
+ * @Default {false}
+ */
+ enableRTL?: boolean;
+
+ /** To show total count of cards in each column.
+ * @Default {false}
+ */
+ enableTotalCount?: boolean;
+
+ /** Get or sets an object that indicates whether to customize the editing behavior of the Kanban.
+ * @Default {Object}
+ */
+ editSettings?: EditSettings;
+
+ /** To customize field mappings for card , editing title and control key parameters
+ * @Default {Object}
+ */
+ fields?: Fields;
+
+ /** To map datasource field for column values mapping
+ * @Default {null}
+ */
+ keyField?: string;
+
+ /** When set to true, adapts the Kanban layout to fit the screen size of devices on which it renders.
+ * @Default {false}
+ */
+ isResponsive?: boolean;
+
+ /** Gets or sets a value that indicates whether to set the minimum width of the responsive Kanban while isResponsive property is true.
+ * @Default {0}
+ */
+ minWidth?: number;
+
+ /** To customize the filtering behavior based on queries given.
+ * @Default {array}
+ */
+ filterSettings?: Array;
+
+ /** ej Query to query database of Kanban.
+ * @Default {null}
+ */
+ query?: any;
+
+ /** To change the key in keyboard interaction to Kanban control.
+ * @Default {null}
+ */
+ keySettings?: any;
+
+ /** Gets or sets an object that indicates whether to customize the scrolling behavior of the Kanban.
+ * @Default {Object}
+ */
+ scrollSettings?: ScrollSettings;
+
+ /** To customize the searching behavior of the Kanban.
+ * @Default {Object}
+ */
+ searchSettings?: SearchSettings;
+
+ /** To allow customize selection type. Accepting types are "single" and "multiple".
+ * @Default {ej.Kanban.SelectionType.Single}
+ */
+ selectionType?: ej.Kanban.SelectionType|string;
+
+ /** Gets or sets an object that indicates to managing the collection of stacked header rows for the Kanban.
+ * @Default {Array}
+ */
+ stackedHeaderRows?: Array;
+
+ /** The tooltip allows to display card details in a tooltip while hovering on it.
+ */
+ tooltipSettings?: TooltipSettings;
+
+ /** Gets or sets an object that indicates to render the Kanban with specified workflows.
+ * @Default {array}
+ */
+ workflows?: Array;
+
+ /** Gets or sets a value that indicates whether to customizing the user interface (UI) as locale-specific in order to display regional data i.e. in a language and culture specific to a particular country or region.
+ * @Default {en-US}
+ */
+ locale?: string;
+
+ /** Triggered for every Kanban action before its starts. */
+ actionBegin? (e: ActionBeginEventArgs): void;
+
+ /** Triggered for every Kanban action success event. */
+ actionComplete? (e: ActionCompleteEventArgs): void;
+
+ /** Triggered for every Kanban action server failure event. */
+ actionFailure? (e: ActionFailureEventArgs): void;
+
+ /** Triggered before the task is going to be edited. */
+ beginEdit? (e: BeginEditEventArgs): void;
+
+ /** Triggered before the card is going to be added */
+ beginAdd? (e: BeginAddEventArgs): void;
+
+ /** Triggered before the card is selected. */
+ beforeCardSelect? (e: BeforeCardSelectEventArgs): void;
+
+ /** Trigger after the card is clicked. */
+ cardClick? (e: CardClickEventArgs): void;
+
+ /** Triggered when the card is being dragged. */
+ cardDrag? (e: CardDragEventArgs): void;
+
+ /** Triggered when card dragging start. */
+ cardDragStart? (e: CardDragStartEventArgs): void;
+
+ /** Triggered when card dragging stops. */
+ cardDragStop? (e: CardDragStopEventArgs): void;
+
+ /** Triggered when the card is Dropped. */
+ cardDrop? (e: CardDropEventArgs): void;
+
+ /** Triggered after the card is selected. */
+ cardSelect? (e: CardSelectEventArgs): void;
+
+ /** Triggered when card is double clicked. */
+ cardDoubleClick? (e: CardDoubleClickEventArgs): void;
+}
+
+export interface ActionBeginEventArgs {
+
+ /** Returns the Kanban model.
+ */
+ model?: any;
+
+ /** Returns the name of the event.
+ */
+ type?: string;
+
+ /** Returns the cancel option value.
+ */
+ cancel?: boolean;
+
+ /** Returns the current action event type.
+ */
+ originalEventType?: string;
+
+ /** Returns primary key value.
+ */
+ primaryKeyValue?: string;
+
+ /** Returns request type.
+ */
+ requestType?: string;
+
+ /** Returns the edited row index.
+ */
+ rowIndex?: number;
+
+ /** Returns the card object (JSON).
+ */
+ data?: any;
+
+ /** Returns current filtering object field name.
+ */
+ currentFilteringobject?: any;
+
+ /** Returns filter details.
+ */
+ filterCollection?: any;
+}
+
+export interface ActionCompleteEventArgs {
+
+ /** Returns the cancel option value.
+ */
+ cancel?: boolean;
+
+ /** Returns the Kanban model.
+ */
+ model?: any;
+
+ /** Returns request type.
+ */
+ requestType?: string;
+
+ /** Returns the name of the event.
+ */
+ type?: string;
+
+ /** Returns current action event type.
+ */
+ originalEventType?: string;
+
+ /** Returns primary key.
+ */
+ primaryKey?: string;
+
+ /** Returns primary key value.
+ */
+ primaryKeyValue?: string;
+
+ /** Returns Kanban element.
+ */
+ target?: any;
+
+ /** Returns the card object (JSON).
+ */
+ data?: any;
+
+ /** Returns the selectedRow index.
+ */
+ selectedRow?: number;
+
+ /** Returns current filtering column field name.
+ */
+ currentFilteringColumn?: string;
+
+ /** Returns filter details.
+ */
+ filterCollection?: any;
+}
+
+export interface ActionFailureEventArgs {
+
+ /** Returns the cancel option value.
+ */
+ cancel?: boolean;
+
+ /** Returns the Kanban model.
+ */
+ model?: any;
+
+ /** Returns request type.
+ */
+ requestType?: string;
+
+ /** Returns the name of the event.
+ */
+ type?: string;
+
+ /** Returns the error return by server.
+ */
+ error?: any;
+
+ /** Returns current action event type.
+ */
+ originalEventType?: string;
+
+ /** Returns primary key value.
+ */
+ primaryKeyValue?: string;
+
+ /** Returns Kanban element.
+ */
+ target?: any;
+
+ /** Returns the card object (JSON).
+ */
+ data?: any;
+
+ /** Returns current filtering column field name.
+ */
+ currentFilteringColumn?: string;
+
+ /** Returns filter details.
+ */
+ filterCollection?: any;
+}
+
+export interface BeginEditEventArgs {
+
+ /** Returns the cancel option value.
+ */
+ cancel?: boolean;
+
+ /** Returns the Kanban model.
+ */
+ model?: any;
+
+ /** Returns primary key value.
+ */
+ primaryKeyValue?: string;
+
+ /** Returns begin edit data.
+ */
+ data?: any;
+
+ /** Returns the name of the event.
+ */
+ type?: string;
+}
+
+export interface BeginAddEventArgs {
+
+ /** Returns the Kanban model.
+ */
+ model?: any;
+
+ /** Returns primary key value.
+ */
+ primaryKeyValue?: string;
+
+ /** Returns beginAdd data.
+ */
+ data?: any;
+
+ /** Returns the name of the event.
+ */
+ type?: string;
+}
+
+export interface BeforeCardSelectEventArgs {
+
+ /** Returns the cancel option value.
+ */
+ cancel?: boolean;
+
+ /** Returns the select cell index value.
+ */
+ cellIndex?: number;
+
+ /** Returns the select card index value.
+ */
+ cardIndex?: number;
+
+ /** Returns the select cell element
+ */
+ currentCell?: any;
+
+ /** Returns the previously select the card element
+ */
+ previousCard?: any;
+
+ /** Returns the previously select card indexes
+ */
+ previousRowcellindex?: Array;
+
+ /** Returns the Target item.
+ */
+ Target?: any;
+
+ /** Returns the Kanban model.
+ */
+ model?: any;
+
+ /** Returns select card data.
+ */
+ data?: any;
+
+ /** Returns the name of the event.
+ */
+ type?: string;
+}
+
+export interface CardClickEventArgs {
+
+ /** Returns the cancel option value.
+ */
+ cancel?: boolean;
+
+ /** Returns current record object (JSON).
+ */
+ data?: any;
+
+ /** Returns the current card to the Kanban.
+ */
+ currentCard?: string;
+
+ /** Returns Kanban element.
+ */
+ target?: any;
+
+ /** Returns the Kanban model.
+ */
+ model?: any;
+
+ /** Returns the Header text of the column corresponding to the selected card.
+ */
+ columnName?: string;
+
+ /** Returns the name of the event.
+ */
+ type?: string;
+}
+
+export interface CardDragEventArgs {
+
+ /** Returns the cancel option value.
+ */
+ cancel?: boolean;
+
+ /** Returns drag data.
+ */
+ data?: any;
+
+ /** Returns drag start element.
+ */
+ dragtarget?: any;
+
+ /** Returns dragged element.
+ */
+ draggedElement?: any;
+
+ /** Returns the Kanban model.
+ */
+ model?: any;
+
+ /** Returns the name of the event.
+ */
+ type?: string;
+}
+
+export interface CardDragStartEventArgs {
+
+ /** Returns the cancel option value.
+ */
+ cancel?: boolean;
+
+ /** Returns card drag start data.
+ */
+ data?: any;
+
+ /** Returns dragged element.
+ */
+ draggedElement?: any;
+
+ /** Returns the Kanban model.
+ */
+ model?: any;
+
+ /** Returns drag start element.
+ */
+ dragtarget?: any;
+
+ /** Returns the name of the event.
+ */
+ type?: string;
+}
+
+export interface CardDragStopEventArgs {
+
+ /** Returns the cancel option value.
+ */
+ cancel?: boolean;
+
+ /** Returns dragged element.
+ */
+ draggedElement?: any;
+
+ /** Returns the Kanban model.
+ */
+ model?: any;
+
+ /** Returns drag stop element.
+ */
+ droptarget?: any;
+
+ /** Returns drag stop data.
+ */
+ data?: any;
+
+ /** Returns the name of the event.
+ */
+ type?: string;
+}
+
+export interface CardDropEventArgs {
+
+ /** Returns the cancel option value.
+ */
+ cancel?: boolean;
+
+ /** Returns dragged element.
+ */
+ draggedElement?: any;
+
+ /** Returns previous parent of dragged element
+ */
+ draggedParent?: any;
+
+ /** Returns dragged data.
+ */
+ data?: any;
+
+ /** Returns the Kanban model.
+ */
+ model?: any;
+
+ /** Returns drop element.
+ */
+ target?: any;
+
+ /** Returns the name of the event.
+ */
+ type?: string;
+}
+
+export interface CardSelectEventArgs {
+
+ /** Returns the select cell index value.
+ */
+ cellIndex?: number;
+
+ /** Returns the select card index value.
+ */
+ cardIndex?: number;
+
+ /** Returns the select cell element
+ */
+ currentCell?: any;
+
+ /** Returns the cancel option value.
+ */
+ cancel?: boolean;
+
+ /** Returns the previously select the card element
+ */
+ previousCard?: any;
+
+ /** Returns the previously select card indexes
+ */
+ previousRowcellindex?: Array;
+
+ /** Returns the current item.
+ */
+ currentTarget?: any;
+
+ /** Returns the Kanban model.
+ */
+ model?: any;
+
+ /** Returns select card data.
+ */
+ data?: any;
+
+ /** Returns the name of the event.
+ */
+ type?: string;
+}
+
+export interface CardDoubleClickEventArgs {
+
+ /** Returns the cancel option value.
+ */
+ cancel?: boolean;
+
+ /** Returns current card object (JSON).
+ */
+ data?: any;
+
+ /** Returns the name of the event.
+ */
+ type?: string;
+}
+
+export interface SwimlaneSettings {
+
+ /** To enable or disable items count in swim lane.
+ * @Default {true}
+ */
+ showCount?: boolean;
+
+ /** To enable or disable DragAndDrop across swim lane.
+ * @Default {false}
+ */
+ allowDragAndDrop?: boolean;
+}
+
+export interface ContextMenuSettingsCustomMenuItem {
+
+ /** Its sets target element to custom context menu item.
+ * @Default {ej.Kanban.Target.All}
+ */
+ target?: ej.Kanban.Target|string;
+
+ /** Gets the display name to custom menu item.
+ * @Default {null}
+ */
+ text?: string;
+
+ /** Gets the template to render custom context menu item.
+ * @Default {null}
+ */
+ template?: string;
+}
+
+export interface ContextMenuSettings {
+
+ /** To enable context menu.All default context menu will show.
+ * @Default {false}
+ */
+ enable?: boolean;
+
+ /** Gets or sets a value that indicates the list of items needs to be disable from default context menu items.
+ * @Default {array}
+ */
+ disableDefaultItems?: Array;
+
+ /** Its used to add specific default context menu items.
+ * @Default {array}
+ */
+ menuItems?: Array;
+
+ /** Gets or sets a value that indicates whether to add custom contextMenu items.
+ * @Default {array}
+ */
+ customMenuItems?: Array;
+}
+
+export interface ColumnsConstraints {
+
+ /** It is used to specify the type of constraints as column or swimlane.
+ * @Default {null}
+ */
+ type?: string;
+
+ /** It is used to specify the minimum amount of card in particular column cell or swimlane cell can hold.
+ * @Default {null}
+ */
+ min?: number;
+
+ /** It is used to specify the maximum amount of card in particular column cell or swimlane cell can hold.
+ * @Default {null}
+ */
+ max?: number;
+}
+
+export interface Column {
+
+ /** Gets or sets an object that indicates to render the Kanban with specified columns header text.
+ * @Default {null}
+ */
+ headerText?: string;
+
+ /** To customize the totalCount properties.
+ * @Default {false}
+ */
+ totalCount?: string;
+
+ /** Gets or sets an object that indicates to render the Kanban with specified columns key.
+ * @Default {null}
+ */
+ key?: string|number;
+
+ /** To enable/disable allowDrop for specific column wise.
+ * @Default {false}
+ */
+ allowDrop?: boolean;
+
+ /** To enable/disable allowDrag for specific column wise.
+ * @Default {false}
+ */
+ allowDrag?: boolean;
+
+ /** To set column collapse or expand state
+ * @Default {false}
+ */
+ isCollapsed?: boolean;
+
+ /** To customize the column level constraints with minimum ,maximum limit validation.
+ * @Default {object}
+ */
+ constraints?: ColumnsConstraints;
+
+ /** Gets or sets a value that indicates to add the template within the header element.
+ * @Default {null}
+ */
+ headerTemplate?: string;
+
+ /** Gets or sets an object that indicates to render the Kanban with specified columns width.
+ * @Default {null}
+ */
+ width?: string|number;
+
+ /** Gets or sets an object that indicates to set specific column visibility.
+ * @Default {true}
+ */
+ visible?: boolean;
+
+ /** Gets or sets an object that indicates whether to show add new button.
+ * @Default {false}
+ */
+ showAddButton?: boolean;
+}
+
+export interface CardSettings {
+
+ /** Gets or sets a value that indicates to add the template for card .
+ * @Default {null}
+ */
+ template?: string;
+
+ /** To customize the card border color based on assigned task. Colors and corresponding values defined here will be mapped with colorField mapped data source column.
+ * @Default {Object}
+ */
+ colorMapping?: any;
+}
+
+export interface CustomToolbarItem {
+
+ /** Gets the template to render customToolbarItems.
+ * @Default {null}
+ */
+ template?: string;
+}
+
+export interface EditSettingsEditItem {
+
+ /** It is used to map editing field from the data source.
+ * @Default {null}
+ */
+ field?: string;
+
+ /** It is used to set the particular editType in the card for editing.
+ * @Default {ej.Kanban.EditingType.String}
+ */
+ editType?: ej.Kanban.EditingType|string;
+
+ /** Gets or sets a value that indicates to define constraints for saving data to the database.
+ * @Default {Object}
+ */
+ validationRules?: any;
+
+ /** It is used to set the particular editparams in the card for editing.
+ * @Default {Object}
+ */
+ editParams?: any;
+
+ /** It is used to specify defaultValue for the fields while adding new card.
+ * @Default {null}
+ */
+ defaultValue?: string|number;
+}
+
+export interface EditSettings {
+
+ /** Gets or sets a value that indicates whether to enable the editing action in cards of Kanban.
+ * @Default {false}
+ */
+ allowEditing?: boolean;
+
+ /** Gets or sets a value that indicates whether to enable the adding action in cards behavior on Kanban.
+ * @Default {false}
+ */
+ allowAdding?: boolean;
+
+ /** This specifies the id of the template which is require to be edited using the Dialog Box.
+ * @Default {null}
+ */
+ dialogTemplate?: string;
+
+ /** Get or sets an object that indicates whether to customize the editMode of the Kanban.
+ * @Default {ej.Kanban.EditMode.Dialog}
+ */
+ editMode?: ej.Kanban.EditMode|string;
+
+ /** Get or sets an object that indicates whether to customize the editing fields of Kanban card.
+ * @Default {Array}
+ */
+ editItems?: Array;
+
+ /** This specifies the id of the template which is require to be edited using the External edit form.
+ * @Default {null}
+ */
+ externalFormTemplate?: string;
+
+ /** This specifies to set the position of an External edit form either in the right or bottom of the Kanban.
+ * @Default {ej.Kanban.FormPosition.Bottom}
+ */
+ formPosition?: ej.Kanban.FormPosition|string;
+}
+
+export interface Fields {
+
+ /** The primarykey field is mapped to data source field. And this will used for Drag and drop and editing mainly.
+ * @Default {null}
+ */
+ primaryKey?: string;
+
+ /** To enable swimlane grouping based on the given key field from datasource mapping.
+ * @Default {null}
+ */
+ swimlaneKey?: string;
+
+ /** Priority field has been mapped data source field to maintain cards priority.
+ * @Default {null}
+ */
+ priority?: string;
+
+ /** Content field has been Mapped into card text.
+ * @Default {null}
+ */
+ content?: string;
+
+ /** Tag field has been Mapped into card tag.
+ * @Default {null}
+ */
+ tag?: string;
+
+ /** Title field has been Mapped to field in datasource for title content. If title field specified , card expand/collapse will be enabled with header and content section.
+ * @Default {null}
+ */
+ title?: string;
+
+ /** To customize the card has been Mapped into card color field.
+ * @Default {null}
+ */
+ color?: string;
+
+ /** ImageUrl field has been Mapped into card image.
+ * @Default {null}
+ */
+ imageUrl?: string;
+}
+
+export interface FilterSetting {
+
+ /** Gets or sets an object of display name to filter queries.
+ * @Default {null}
+ */
+ text?: string;
+
+ /** Gets or sets an object that Queries to perform filtering
+ * @Default {Object}
+ */
+ query?: any;
+
+ /** Gets or sets an object of tooltip to filter buttons.
+ * @Default {null}
+ */
+ description?: string;
+}
+
+export interface ScrollSettings {
+
+ /** Gets or sets an object that indicates to render the Kanban with specified scroll height.
+ * @Default {0}
+ */
+ height?: string|number;
+
+ /** Gets or sets an object that indicates to render the Kanban with specified scroll width.
+ * @Default {auto}
+ */
+ width?: string|number;
+
+ /** To allow the Kanban to freeze particular swimlane at the time of scrolling , until scroll reaches next swimlane and it continues.
+ * @Default {false}
+ */
+ allowFreezeSwimlane?: boolean;
+}
+
+export interface SearchSettings {
+
+ /** To customize the fields the searching operation can be perform.
+ * @Default {Array}
+ */
+ fields?: Array;
+
+ /** To customize the searching string.
+ */
+ key?: string;
+
+ /** To customize the operator based on searching.
+ * @Default {contains}
+ */
+ operator?: string;
+
+ /** To customize the ignore case based on searching.
+ * @Default {true}
+ */
+ ignoreCase?: boolean;
+}
+
+export interface StackedHeaderRowsStackedHeaderColumn {
+
+ /** Gets or sets a value that indicates the headerText for the particular stacked header column.
+ * @Default {null}
+ */
+ headerText?: string;
+
+ /** Gets or sets a value that indicates the column for the particular stacked header column.
+ * @Default {null}
+ */
+ column?: string;
+}
+
+export interface StackedHeaderRow {
+
+ /** Gets or sets a value that indicates whether to add stacked header columns into the stacked header rows.
+ * @Default {Array}
+ */
+ stackedHeaderColumns?: Array;
+}
+
+export interface TooltipSettings {
+
+ /** To enable or disable the tooltip display.
+ * @Default {false}
+ */
+ enable?: boolean;
+
+ /** To customize the tooltip display based on your requirements.
+ * @Default {null}
+ */
+ template?: string;
+}
+
+export interface Workflow {
+
+ /** Gets or sets an object that indicates to render the Kanban with specified workflows key.
+ * @Default {null}
+ */
+ key?: string|number;
+
+ /** Gets or sets an object that indicates to render the Kanban with specified workflows allowed Transitions.
+ * @Default {null}
+ */
+ allowedTransitions?: string;
+}
+
+enum Target{
+
+ ///Sets context menu to Kanban header
+ Header,
+
+ ///Sets context menu to Kanban content
+ Content,
+
+ ///Sets context menu to Kanban card
+ Card,
+
+ ///Sets context menu to Kanban
+ All
+}
+
+
+enum EditMode{
+
+ ///Creates Kanban with editMode as Dialog
+ Dialog,
+
+ ///Creates Kanban with editMode as DialogTemplate
+ DialogTemplate,
+
+ ///Creates Kanban with editMode as ExternalForm
+ ExternalForm,
+
+ ///Creates Kanban with editMode as ExternalFormTemplate
+ ExternalFormTemplate
+}
+
+
+enum EditingType{
+
+ ///Allows to set edit type as string edit type
+ String,
+
+ ///Allows to set edit type as numeric edit type
+ Numeric,
+
+ ///Allows to set edit type as drop down edit type
+ Dropdown,
+
+ ///Allows to set edit type as date picker edit type
+ DatePicker,
+
+ ///Allows to set edit type as date time picker edit type
+ DateTimePicker,
+
+ ///Allows to set edit type as text area edit type
+ TextArea,
+
+ ///Allows to set edit type as RTE edit type
+ RTE
+}
+
+
+enum FormPosition{
+
+ ///Form position is bottom.
+ Bottom,
+
+ ///Form position is right.
+ Right
+}
+
+
+enum SelectionType{
+
+ ///Support for Single selection in Kanban
+ Single,
+
+ ///Support for multiple selections in Kanban
+ Multiple
+}
+
+}
+
+class Rotator extends ej.Widget {
+ static fn: Rotator;
+ constructor(element: JQuery, options?: Rotator.Model);
+ constructor(element: Element, options?: Rotator.Model);
+ model:Rotator.Model;
+ defaults:Rotator.Model;
+
+ /** Disables the Rotator control.
+ * @returns {void}
+ */
+ disable(): void;
+
+ /** Enables the Rotator control.
+ * @returns {void}
+ */
+ enable(): void;
+
+ /** This method is used to get the current slide index.
+ * @returns {number}
+ */
+ getIndex(): number;
+
+ /** This method is used to move a slide to the specified index.
+ * @param {number} index of an slide
+ * @returns {void}
+ */
+ gotoIndex(index: number): void;
+
+ /** This method is used to pause autoplay.
+ * @returns {void}
+ */
+ pause(): void;
+
+ /** This method is used to move slides continuously (or start autoplay) in the specified autoplay direction.
+ * @returns {void}
+ */
+ play(): void;
+
+ /** This method is used to move to the next slide from the current slide. If the current slide is the last slide, then the first slide will be treated as the next slide.
+ * @returns {void}
+ */
+ slideNext(): void;
+
+ /** This method is used to move to the previous slide from the current slide. If the current slide is the first slide, then the last slide will be treated as the previous slide.
+ * @returns {void}
+ */
+ slidePrevious(): void;
+
+ /** This method is used to update/modify the slide content of template rotator by using id based on index value.
+ * @param {number} index of an slide
+ * @param {string} id of a new updated slide
+ * @returns {void}
+ */
+ updateTemplateById(index: number, id: string): void;
+}
+export module Rotator{
+
+export interface Model {
+
+ /** Turns on keyboard interaction with the Rotator items. You must set this property to true to access the following keyboard shortcuts:
+ * @Default {true}
+ */
+ allowKeyboardNavigation?: boolean;
+
+ /** Sets the animationSpeed of slide transition.
+ * @Default {600}
+ */
+ animationSpeed?: string|number;
+
+ /** Specifies the animationType type for the Rotator Item. animationType options include slide, fastSlide, slowSlide, and other custom easing animationTypes.
+ * @Default {slide}
+ */
+ animationType?: string;
+
+ /** Enables the circular mode item rotation.
+ * @Default {true}
+ */
+ circularMode?: boolean;
+
+ /** Specify the CSS class to Rotator to achieve custom theme.
+ */
+ cssClass?: string;
+
+ /** Specify the list of data which contains a set of data fields. Each data value is used to render an item for the Rotator.
+ * @Default {null}
+ */
+ dataSource?: any;
+
+ /** Sets the delay between the Rotator Items move after the slide transition.
+ * @Default {500}
+ */
+ delay?: number;
+
+ /** Specifies the number of Rotator Items to be displayed.
+ * @Default {1}
+ */
+ displayItemsCount?: string|number;
+
+ /** Rotates the Rotator Items continuously without user interference.
+ * @Default {false}
+ */
+ enableAutoPlay?: boolean;
+
+ /** Enables or disables the Rotator control.
+ * @Default {true}
+ */
+ enabled?: boolean;
+
+ /** Specifies right to left transition of slides.
+ * @Default {false}
+ */
+ enableRTL?: boolean;
+
+ /** Defines mapping fields for the data items of the Rotator.
+ * @Default {null}
+ */
+ fields?: Fields;
+
+ /** Sets the space between the Rotator Items.
+ */
+ frameSpace?: string|number;
+
+ /** Resizes the Rotator when the browser is resized.
+ * @Default {false}
+ */
+ isResponsive?: boolean;
+
+ /** Specifies the number of Rotator Items to navigate on a single click (next/previous/play buttons). The navigateSteps property value must be less than or equal to the displayItemsCount property value.
+ * @Default {1}
+ */
+ navigateSteps?: string|number;
+
+ /** Specifies the orientation for the Rotator control, that is, whether it must be rendered horizontally or vertically. See Orientation
+ * @Default {ej.Orientation.Horizontal}
+ */
+ orientation?: ej.Orientation|string;
+
+ /** Specifies the position of the showPager in the Rotator Item. See PagerPosition
+ * @Default {outside}
+ */
+ pagerPosition?: string|ej.Rotator.PagerPosition;
+
+ /** Retrieves data from remote data. This property is applicable only when a remote data source is used.
+ * @Default {null}
+ */
+ query?: string;
+
+ /** If the Rotator Item is an image, you can specify a caption for the Rotator Item. The caption text for each Rotator Item must be set by using the title attribute of the respective tag. The caption cannot be displayed if multiple Rotator Items are present.
+ * @Default {false}
+ */
+ showCaption?: boolean;
+
+ /** Turns on or off the slide buttons (next and previous) in the Rotator Items. Slide buttons are used to navigate the Rotator Items.
+ * @Default {true}
+ */
+ showNavigateButton?: boolean;
+
+ /** Turns on or off the pager support in the Rotator control. The Pager is used to navigate the Rotator Items.
+ * @Default {true}
+ */
+ showPager?: boolean;
+
+ /** Enable play / pause button on rotator.
+ * @Default {false}
+ */
+ showPlayButton?: boolean;
+
+ /** Turns on or off thumbnail support in the Rotator control. Thumbnail is used to navigate between slides. Thumbnail supports only single slide transition You must specify the source for thumbnail elements through the thumbnailSourceID property.
+ * @Default {false}
+ */
+ showThumbnail?: boolean;
+
+ /** Sets the height of a Rotator Item.
+ */
+ slideHeight?: string|number;
+
+ /** Sets the width of a Rotator Item.
+ */
+ slideWidth?: string|number;
+
+ /** Sets the index of the slide that must be displayed first.
+ * @Default {0}
+ */
+ startIndex?: string|number;
+
+ /** Pause the auto play while hover on the rotator content.
+ * @Default {false}
+ */
+ stopOnHover?: boolean;
+
+ /** The template to display the Rotator widget with customized appearance.
+ * @Default {null}
+ */
+ template?: string;
+
+ /** Specifies the source for thumbnail elements.
+ * @Default {null}
+ */
+ thumbnailSourceID?: any;
+
+ /** This event is fired when the Rotator slides are changed. */
+ change? (e: ChangeEventArgs): void;
+
+ /** This event is fired when the Rotator control is initialized. */
+ create? (e: CreateEventArgs): void;
+
+ /** This event is fired when the Rotator control is destroyed. */
+ destroy? (e: DestroyEventArgs): void;
+
+ /** This event is fired when a pager is clicked. */
+ pagerClick? (e: PagerClickEventArgs): void;
+
+ /** This event is fired when enableAutoPlay is started. */
+ start? (e: StartEventArgs): void;
+
+ /** This event is fired when autoplay is stopped or paused. */
+ stop? (e: StopEventArgs): void;
+
+ /** This event is fired when a thumbnail pager is clicked. */
+ thumbItemClick? (e: ThumbItemClickEventArgs): void;
+}
+
+export interface ChangeEventArgs {
+
+ /** if the event should be canceled; otherwise, false.
+ */
+ cancel?: boolean;
+
+ /** returns the rotator model
+ */
+ model?: ej.Rotator.Model;
+
+ /** returns the name of the event
+ */
+ type?: string;
+
+ /** the current rotator id.
+ */
+ itemId?: string;
+
+ /** returns the current slide index.
+ */
+ activeItemIndex?: number;
+}
+
+export interface CreateEventArgs {
+
+ /** if the event should be canceled; otherwise, false.
+ */
+ cancel?: boolean;
+
+ /** returns the rotator model
+ */
+ model?: ej.Rotator.Model;
+
+ /** returns the name of the event
+ */
+ type?: string;
+}
+
+export interface DestroyEventArgs {
+
+ /** if the event should be canceled; otherwise, false.
+ */
+ cancel?: boolean;
+
+ /** returns the rotator model
+ */
+ model?: ej.Rotator.Model;
+
+ /** returns the name of the event
+ */
+ type?: string;
+}
+
+export interface PagerClickEventArgs {
+
+ /** if the event should be canceled; otherwise, false.
+ */
+ cancel?: boolean;
+
+ /** returns the rotator model
+ */
+ model?: ej.Rotator.Model;
+
+ /** returns the name of the event
+ */
+ type?: string;
+
+ /** the current rotator id.
+ */
+ itemId?: string;
+
+ /** returns the current slide index.
+ */
+ activeItemIndex?: number;
+}
+
+export interface StartEventArgs {
+
+ /** if the event should be canceled; otherwise, false.
+ */
+ cancel?: boolean;
+
+ /** returns the rotator model
+ */
+ model?: ej.Rotator.Model;
+
+ /** returns the name of the event
+ */
+ type?: string;
+
+ /** the current rotator id.
+ */
+ itemId?: string;
+
+ /** returns the current slide index.
+ */
+ activeItemIndex?: number;
+}
+
+export interface StopEventArgs {
+
+ /** if the event should be canceled; otherwise, false.
+ */
+ cancel?: boolean;
+
+ /** returns the rotator model
+ */
+ model?: ej.Rotator.Model;
+
+ /** returns the name of the event
+ */
+ type?: string;
+
+ /** the current rotator id.
+ */
+ itemId?: string;
+
+ /** returns the current slide index.
+ */
+ activeItemIndex?: number;
+}
+
+export interface ThumbItemClickEventArgs {
+
+ /** if the event should be canceled; otherwise, false.
+ */
+ cancel?: boolean;
+
+ /** returns the rotator model
+ */
+ model?: ej.Rotator.Model;
+
+ /** returns the name of the event
+ */
+ type?: string;
+
+ /** the current rotator id.
+ */
+ itemId?: string;
+
+ /** returns the current slide index.
+ */
+ activeItemIndex?: number;
+}
+
+export interface Fields {
+
+ /** Specifies a link for the image.
+ */
+ linkAttribute?: string;
+
+ /** Specifies where to open a given link.
+ */
+ targetAttribute?: string;
+
+ /** Specifies a caption for the image.
+ */
+ text?: string;
+
+ /** Specifies a caption for the thumbnail image.
+ */
+ thumbnailText?: string;
+
+ /** Specifies the URL for an thumbnail image.
+ */
+ thumbnailUrl?: string;
+
+ /** Specifies the URL for an image.
+ */
+ url?: string;
+}
+
+enum PagerPosition{
+
+ ///string
+ BottomLeft,
+
+ ///string
+ BottomRight,
+
+ ///string
+ Outside,
+
+ ///string
+ TopCenter,
+
+ ///string
+ TopLeft,
+
+ ///string
+ TopRight
+}
+
+}
+
+class RTE extends ej.Widget {
+ static fn: RTE;
+ constructor(element: JQuery, options?: RTE.Model);
+ constructor(element: Element, options?: RTE.Model);
+ model:RTE.Model;
+ defaults:RTE.Model;
+
+ /** Returns the range object.
+ * @returns {void}
+ */
+ createRange(): void;
+
+ /** Disables the RTE control.
+ * @returns {void}
+ */
+ disable(): void;
+
+ /** Disables the corresponding tool in the RTE ToolBar.
+ * @returns {void}
+ */
+ disableToolbarItem(): void;
+
+ /** Enables the RTE control.
+ * @returns {void}
+ */
+ enable(): void;
+
+ /** Enables the corresponding tool in the toolbar when the tool is disabled.
+ * @returns {void}
+ */
+ enableToolbarItem(): void;
+
+ /** Performs the action value based on the given command.
+ * @returns {void}
+ */
+ executeCommand(): void;
+
+ /** Focuses the RTE control.
+ * @returns {void}
+ */
+ focus(): void;
+
+ /** Gets the command status of the selected text based on the given comment in the RTE control.
+ * @returns {void}
+ */
+ getCommandStatus(): void;
+
+ /** Gets the HTML string from the RTE control.
+ * @returns {void}
+ */
+ getDocument(): void;
+
+ /** Gets the HTML string from the RTE control.
+ * @returns {void}
+ */
+ getHtml(): void;
+
+ /** Gets the selected HTML string from the RTE control.
+ * @returns {void}
+ */
+ getSelectedHtml(): void;
+
+ /** Gets the content as string from the RTE control.
+ * @returns {void}
+ */
+ getText(): void;
+
+ /** Hides the RTE control.
+ * @returns {void}
+ */
+ hide(): void;
+
+ /** Inserts new item to the target contextmenu node.
+ * @returns {void}
+ */
+ insertMenuOption(): void;
+
+ /** Add a table column at the right or left of the specified cell
+ * @param {boolean} If it’s true, add a column at the left of the cell, otherwise add a column at the right of the cell
+ * @param {JQuery} Column will be added based on the given cell element
+ * @returns {void}
+ */
+ insertColumn(before?: boolean, cell?: JQuery): void;
+
+ /** To add a table row below or above the specified cell.
+ * @param {boolean} If it’s true, add a row before the cell, otherwise add a row after the cell
+ * @param {JQuery} Row will be added based on the given cell element
+ * @returns {void}
+ */
+ insertRow(before?: boolean, cell?: JQuery): void;
+
+ /** This method helps to insert/paste the content at the current cursor (caret) position or the selected content to be replaced with our text by passing the value as parameter to the pasteContent method in the Editor.
+ * @returns {void}
+ */
+ pasteContent(): void;
+
+ /** Refreshes the RTE control.
+ * @returns {void}
+ */
+ refresh(): void;
+
+ /** Removes the specified table column.
+ * @param {JQuery} Remove the given column element
+ * @returns {void}
+ */
+ removeColumn(cell?: JQuery): void;
+
+ /** Removes the specified table row.
+ * @param {JQuery} Remove the given row element
+ * @returns {void}
+ */
+ removeRow(cell?: JQuery): void;
+
+ /** Deletes the specified table.
+ * @param {JQuery} Remove the given table
+ * @returns {void}
+ */
+ removeTable(table?: JQuery): void;
+
+ /** Removes the target menu item from the RTE contextmenu.
+ * @returns {void}
+ */
+ removeMenuOption(): void;
+
+ /** Removes the given tool from the RTE Toolbar.
+ * @returns {void}
+ */
+ removeToolbarItem(): void;
+
+ /** Selects all the contents within the RTE.
+ * @returns {void}
+ */
+ selectAll(): void;
+
+ /** Selects the contents in the given range.
+ * @returns {void}
+ */
+ selectRange(): void;
+
+ /** Sets the color picker model type rendered initially in the RTE control.
+ * @returns {void}
+ */
+ setColorPickerType(): void;
+
+ /** Sets the HTML string from the RTE control.
+ * @returns {void}
+ */
+ setHtml(): void;
+
+ /** Displays the RTE control.
+ * @returns {void}
+ */
+ show(): void;
+}
+export module RTE{
+
+export interface Model {
+
+ /** Enables/disables the editing of the content.
+ * @Default {True}
+ */
+ allowEditing?: boolean;
+
+ /** RTE control can be accessed through the keyboard shortcut keys.
+ * @Default {True}
+ */
+ allowKeyboardNavigation?: boolean;
+
+ /** When the property is set to true, it focuses the RTE at the time of rendering.
+ * @Default {false}
+ */
+ autoFocus?: boolean;
+
+ /** Based on the content size, its height is adjusted instead of adding the scrollbar.
+ * @Default {false}
+ */
+ autoHeight?: boolean;
+
+ /** Sets the colorCode to display the color of the fontColor and backgroundColor in the font tools of the RTE.
+ * @Default {[000000, FFFFFF, C4C4C4, ADADAD, 595959, 262626, 4f81bd, dbe5f1, b8cce4, 95b3d7, 366092, 244061, c0504d, f2dcdb, e5b9b7, d99694, 953734,632423, 9bbb59, ebf1dd, d7e3bc, c3d69b, 76923c, 4f6128, 8064a2, e5e0ec, ccc1d9, b2a2c7, 5f497a, 3f3151, f79646, fdeada, fbd5b5, fac08f,e36c09, 974806]}
+ */
+ colorCode?: any;
+
+ /** The number of columns given are rendered in the color palate popup.
+ * @Default {6}
+ */
+ colorPaletteColumns?: number;
+
+ /** The number of rows given are rendered in the color palate popup.
+ * @Default {6}
+ */
+ colorPaletteRows?: number;
+
+ /** Sets the root class for the RTE theme. This cssClass API helps the usage of custom skinning option for the RTE control by including this root class in CSS.
+ */
+ cssClass?: string;
+
+ /** Enables/disables the RTE control’s accessibility or interaction.
+ * @Default {True}
+ */
+ enabled?: boolean;
+
+ /** When the property is set to true, it returns the encrypted text.
+ * @Default {false}
+ */
+ enableHtmlEncode?: boolean;
+
+ /** Maintain the values of the RTE after page reload.
+ * @Default {false}
+ */
+ enablePersistence?: boolean;
+
+ /** Shows the resize icon and enables the resize option in the RTE.
+ * @Default {True}
+ */
+ enableResize?: boolean;
+
+ /** Shows the RTE in the RTL direction.
+ * @Default {false}
+ */
+ enableRTL?: boolean;
+
+ /** Formats the contents based on the XHTML rules.
+ * @Default {false}
+ */
+ enableXHTML?: boolean;
+
+ /** Enables the tab key action with the RichTextEditor content.
+ * @Default {True}
+ */
+ enableTabKeyNavigation?: boolean;
+
+ /** Load the external CSS file inside Iframe.
+ * @Default {null}
+ */
+ externalCSS?: string;
+
+ /** This API allows to enable the file browser support in the RTE control to browse, create, delete and upload the files in the specified current directory.
+ * @Default {null}
+ */
+ fileBrowser?: FileBrowser;
+
+ /** Sets the fontName in the RTE.
+ * @Default {{text: Segoe UI, value: Segoe UI },{text: Arial, value: Arial,Helvetica,sans-serif },{text: Courier New, value: Courier New,Courier,Monospace },{text: Georgia, value: Georgia,serif },{text: Impact, value: Impact,Charcoal,sans-serif },{text: Lucida Console, value: Lucida Console,Monaco,Monospace },{text: Tahoma, value: Tahoma,Geneva,sans-serif },{text: Times New Roman, value: Times New Roman },{text: Trebuchet MS, value: Trebuchet MS,Helvetica,sans-serif },{text: Verdana, value: Verdana,Geneva,sans-serif}}
+ */
+ fontName?: any;
+
+ /** Sets the fontSize in the RTE.
+ * @Default {{ text: 1, value: 1 },{ text: 2 (10pt), value: 2 },{ text: 3 (12pt), value: 3 },{ text: 4 (14pt), value: 4 },{ text: 5 (18pt), value: 5 },{ text: 6 (24pt), value: 6 },{ text: 7 (36pt), value: 7 }}
+ */
+ fontSize?: any;
+
+ /** Sets the format in the RTE.
+ * @Default {{ text: Paragraph, value: <p>, spriteCssClass: e-paragraph },{ text: Quotation, value: <blockquote>, spriteCssClass: e-quotation },{ text: Heading 1, value: <h1>, spriteCssClass: e-h1 },{ text: Heading 2, value: <h2>, spriteCssClass: e-h2 },{ text: Heading 3, value: <h3>, spriteCssClass: e-h3 },{ text: Heading 4, value: <h4>, spriteCssClass: e-h4 },{ text: Heading 5, value: <h5>, spriteCssClass: e-h5 },{ text: Heading 6, value: <h6>, spriteCssClass: e-h6}}
+ */
+ format?: string;
+
+ /** Defines the height of the RTE textbox.
+ * @Default {370}
+ */
+ height?: string|number;
+
+ /** Specifies the HTML Attributes of the ejRTE.
+ * @Default {{}}
+ */
+ htmlAttributes?: any;
+
+ /** Sets the given attributes to the iframe body element.
+ * @Default {{}}
+ */
+ iframeAttributes?: any;
+
+ /** This API allows the image browser to support in the RTE control to browse, create, delete, and upload the image files to the specified current directory.
+ * @Default {null}
+ */
+ imageBrowser?: ImageBrowser;
+
+ /** Enables/disables responsive support for the RTE control toolbar items during the window resizing time.
+ * @Default {false}
+ */
+ isResponsive?: boolean;
+
+ /** Sets the culture in the RTE when you set the localization values are needs to be assigned to the corresponding text as follows.
+ * @Default {en-US}
+ */
+ locale?: string;
+
+ /** Sets the maximum height for the RTE outer wrapper element.
+ * @Default {null}
+ */
+ maxHeight?: string|number;
+
+ /** Sets the maximum length for the RTE outer wrapper element.
+ * @Default {7000}
+ */
+ maxLength?: number;
+
+ /** Sets the maximum width for the RTE outer wrapper element.
+ * @Default {null}
+ */
+ maxWidth?: string|number;
+
+ /** Sets the minimum height for the RTE outer wrapper element.
+ * @Default {280}
+ */
+ minHeight?: string|number;
+
+ /** Sets the minimum width for the RTE outer wrapper element.
+ * @Default {400}
+ */
+ minWidth?: string|number;
+
+ /** Sets the name in the RTE. When the name value is not initialized, the ID value is assigned to the name.
+ */
+ name?: string;
+
+ /** Shows ClearAll icon in the RTE footer.
+ * @Default {false}
+ */
+ showClearAll?: boolean;
+
+ /** Shows the clear format in the RTE footer.
+ * @Default {true}
+ */
+ showClearFormat?: boolean;
+
+ /** Shows the Custom Table in the RTE.
+ * @Default {True}
+ */
+ showCustomTable?: boolean;
+
+ /** The showContextMenu property helps to enable custom context menu within editor area.
+ * @Default {True}
+ */
+ showContextMenu?: boolean;
+
+ /** This API is used to set the default dimensions for the image and video. When this property is set to true, the image and video dialog displays the dimension option.
+ * @Default {false}
+ */
+ showDimensions?: boolean;
+
+ /** Shows the FontOption in the RTE.
+ * @Default {True}
+ */
+ showFontOption?: boolean;
+
+ /** Shows footer in the RTE. When the footer is enabled, it displays the HTML tag, word Count, character count, clear format, resize icon and clear all the content icons, by default.
+ * @Default {false}
+ */
+ showFooter?: boolean;
+
+ /** Shows the HtmlSource in the RTE footer.
+ * @Default {false}
+ */
+ showHtmlSource?: boolean;
+
+ /** When the cursor is placed or when the text is selected in the RTE, it displays the tag info in the footer.
+ * @Default {True}
+ */
+ showHtmlTagInfo?: boolean;
+
+ /** Shows the toolbar in the RTE.
+ * @Default {True}
+ */
+ showToolbar?: boolean;
+
+ /** Counts the total characters and displays it in the RTE footer.
+ * @Default {True}
+ */
+ showCharCount?: boolean;
+
+ /** Enables or disables rounded corner UI look for RTE.
+ * @Default {false}
+ */
+ showRoundedCorner?: boolean;
+
+ /** Counts the total words and displays it in the RTE footer.
+ * @Default {True}
+ */
+ showWordCount?: boolean;
+
+ /** The given number of columns render the insert table pop.
+ * @Default {10}
+ */
+ tableColumns?: number;
+
+ /** The given number of rows render the insert table pop.
+ * @Default {8}
+ */
+ tableRows?: number;
+
+ /** Sets the tools in the RTE and gets the inner display order of the corresponding group element. Tools are dependent on the toolsList property.
+ * @Default {formatStyle: [format],style: [bold, italic, underline, strikethrough],alignment: [justifyLeft, justifyCenter, justifyRight, justifyFull],lists: [unorderedList, orderedList],indenting: [outdent, indent],doAction: [undo, redo],links: [createLink,removeLink],images: [image],media: [video],tables: [createTable, addRowAbove, addRowBelow, addColumnLeft, addColumnRight, deleteRow, deleteColumn, deleteTable]],view:[“fullScreenâ€,zoomIn,zoomOut],print:[print]}
+ */
+ tools?: Tools;
+
+ /** Specifies the list of groups and order of those groups displayed in the RTE toolbar. The toolsList property is used to get the root group order and tools property is used to get the inner order of the corresponding groups displayed. When the value is not specified, it gets its default display order and tools.
+ * @Default {[formatStyle, font, style, effects, alignment, lists, indenting, clipboard, doAction, clear, links, images, media, tables, casing,view, customTools,print,edit]}
+ */
+ toolsList?: Array;
+
+ /** Display the hints for the tools in the Toolbar.
+ * @Default {{ associate: mouseenter, showShadow: true, position: { stem: { horizontal: left, vertical: top } }, tip: { size: { width: 5, height: 5 }, isBalloon: false }}
+ */
+ tooltipSettings?: any;
+
+ /** Gets the undo stack limit.
+ * @Default {50}
+ */
+ undoStackLimit?: number;
+
+ /** The given string value is displayed in the editable area.
+ * @Default {null}
+ */
+ value?: string;
+
+ /** Sets the jQuery validation rules to the Rich Text Editor.
+ * @Default {null}
+ */
+ validationRules?: any;
+
+ /** Sets the jQuery validation error message to the Rich Text Editor.
+ * @Default {null}
+ */
+ validationMessage?: any;
+
+ /** Defines the width of the RTE textbox.
+ * @Default {786}
+ */
+ width?: string|number;
+
+ /** Increases and decreases the contents zoom range in percentage
+ * @Default {0.05}
+ */
+ zoomStep?: string|number;
+
+ /** Fires when changed successfully. */
+ change? (e: ChangeEventArgs): void;
+
+ /** Fires when the RTE is created successfully */
+ create? (e: CreateEventArgs): void;
+
+ /** Fires when mouse click on menu items. */
+ contextMenuClick? (e: ContextMenuClickEventArgs): void;
+
+ /** Fires before the RTE is destroyed. */
+ destroy? (e: DestroyEventArgs): void;
+
+ /** Fires when the commands are executed successfully. */
+ execute? (e: ExecuteEventArgs): void;
+
+ /** Fires when the keydown action is successful. */
+ keydown? (e: KeydownEventArgs): void;
+
+ /** Fires when the keyup action is successful. */
+ keyup? (e: KeyupEventArgs): void;
+
+ /** Fires before the RTE Edit area is rendered and after the toolbar is rendered. */
+ preRender? (e: PreRenderEventArgs): void;
+
+ /** Fires when the text is selected in the text area */
+ select? (e: SelectEventArgs): void;
+}
+
+export interface ChangeEventArgs {
+
+ /** When the event is canceled; otherwise, false.
+ */
+ cancel?: boolean;
+
+ /** returns the RTE model
+ */
+ model?: any;
+
+ /** returns the name of the event
+ */
+ type?: string;
+}
+
+export interface CreateEventArgs {
+
+ /** When the event is canceled; otherwise, false.
+ */
+ cancel?: boolean;
+
+ /** Returns the RTE model
+ */
+ model?: any;
+
+ /** Returns the name of the event
+ */
+ type?: string;
+}
+
+export interface ContextMenuClickEventArgs {
+
+ /** returns clicked menu item text.
+ */
+ text?: string;
+
+ /** returns clicked menu item element.
+ */
+ element?: any;
+
+ /** returns the selected item.
+ */
+ selectedItem?: number;
+}
+
+export interface DestroyEventArgs {
+
+ /** When the event is canceled; otherwise, false.
+ */
+ cancel?: boolean;
+
+ /** Returns the RTE model
+ */
+ model?: any;
+
+ /** Returns the name of the event
+ */
+ type?: string;
+}
+
+export interface ExecuteEventArgs {
+
+ /** When the event is canceled; otherwise, false.
+ */
+ cancel?: boolean;
+
+ /** Returns the RTE model
+ */
+ model?: any;
+
+ /** Returns the name of the event
+ */
+ type?: string;
+}
+
+export interface KeydownEventArgs {
+
+ /** When the event is canceled; otherwise, false.
+ */
+ cancel?: boolean;
+
+ /** Returns the RTE model
+ */
+ model?: any;
+
+ /** Returns the name of the event
+ */
+ type?: string;
+}
+
+export interface KeyupEventArgs {
+
+ /** When the event is canceled; otherwise, false.
+ */
+ cancel?: boolean;
+
+ /** Returns the RTE model
+ */
+ model?: any;
+
+ /** Returns the name of the event
+ */
+ type?: string;
+}
+
+export interface PreRenderEventArgs {
+
+ /** When the event is canceled; otherwise, false.
+ */
+ cancel?: boolean;
+
+ /** Returns the RTE model
+ */
+ model?: any;
+
+ /** Returns the name of the event
+ */
+ type?: string;
+}
+
+export interface SelectEventArgs {
+
+ /** When the event is canceled; otherwise, false.
+ */
+ cancel?: boolean;
+
+ /** Returns the RTE model
+ */
+ model?: any;
+
+ /** Returns the name of the event
+ */
+ type?: string;
+
+ /** Returns the event object
+ */
+ event?: any;
+}
+
+export interface FileBrowser {
+
+ /** This API is used to receive the server-side handler for file related operations.
+ */
+ ajaxAction?: string;
+
+ /** Specifies the file type extension shown in the file browser window.
+ */
+ extensionAllow?: string;
+
+ /** Specifies the directory to perform operations like create, delete and rename folder and files, and upload the selected files to the current directory.
+ */
+ filePath?: string;
+}
+
+export interface ImageBrowser {
+
+ /** This API is used to receive the server-side handler for the file related operations.
+ */
+ ajaxAction?: string;
+
+ /** Specifies the file type extension shown in the image browser window.
+ */
+ extensionAllow?: string;
+
+ /** Specifies the directory to perform operations like create, delete and rename folder and files, and upload the selected images to the current directory.
+ */
+ filePath?: string;
+}
+
+export interface ToolsCustomOrderedList {
+
+ /** Specifies the name for customOrderedList item.
+ */
+ name?: string;
+
+ /** Specifies the title for customOrderedList item.
+ */
+ tooltip?: string;
+
+ /** Specifies the styles for customOrderedList item.
+ */
+ css?: string;
+
+ /** Specifies the text for customOrderedList item.
+ */
+ text?: string;
+
+ /** Specifies the list style for customOrderedList item.
+ */
+ listStyle?: string;
+
+ /** Specifies the image for customOrderedList item.
+ */
+ listImage?: string;
+}
+
+export interface ToolsCustomUnorderedList {
+
+ /** Specifies the name for customUnorderedList item.
+ */
+ name?: string;
+
+ /** Specifies the title for customUnorderedList item.
+ */
+ tooltip?: string;
+
+ /** Specifies the styles for customUnorderedList item.
+ */
+ css?: string;
+
+ /** Specifies the text for customUnorderedList item.
+ */
+ text?: string;
+
+ /** Specifies the list style for customUnorderedList item.
+ */
+ listStyle?: string;
+
+ /** Specifies the image for customUnorderedList item.
+ */
+ listImage?: string;
+}
+
+export interface Tools {
+
+ /** Specifies the alignment tools and the display order of this tool in the RTE toolbar.
+ */
+ alignment?: any;
+
+ /** Specifies the casing tools and the display order of this tool in the RTE toolbar.
+ */
+ casing?: Array;
+
+ /** Specifies the clear tools and the display order of this tool in the RTE toolbar.
+ */
+ clear?: Array;
+
+ /** Specifies the clipboard tools and the display order of this tool in the RTE toolbar.
+ */
+ clipboard?: Array;
+
+ /** Specifies the edit tools and the displays tool in the RTE toolbar.
+ */
+ edit?: Array;
+
+ /** Specifies the doAction tools and the display order of this tool in the RTE toolbar.
+ */
+ doAction?: Array;
+
+ /** Specifies the effect of tools and the display order of this tool in RTE toolbar.
+ */
+ effects?: Array;
+
+ /** Specifies the font tools and the display order of this tool in the RTE toolbar.
+ */
+ font?: Array;
+
+ /** Specifies the formatStyle tools and the display order of this tool in the RTE toolbar.
+ */
+ formatStyle?: Array;
+
+ /** Specifies the image tools and the display order of this tool in the RTE toolbar.
+ */
+ images?: Array;
+
+ /** Specifies the indent tools and the display order of this tool in the RTE toolbar.
+ */
+ indenting?: Array;
+
+ /** Specifies the link tools and the display order of this tool in the RTE toolbar.
+ */
+ links?: Array;
+
+ /** Specifies the list tools and the display order of this tool in the RTE toolbar.
+ */
+ lists?: Array;
+
+ /** Specifies the media tools and the display order of this tool in the RTE toolbar.
+ */
+ media?: Array;
+
+ /** Specifies the style tools and the display order of this tool in the RTE toolbar.
+ */
+ style?: Array;
+
+ /** Specifies the table tools and the display order of this tool in the RTE toolbar.
+ */
+ tables?: Array;
+
+ /** Specifies the view tools and the display order of this tool in the RTE toolbar.
+ */
+ view?: Array;
+
+ /** Specifies the print tools and the display order of this tool in the RTE toolbar.
+ */
+ print?: Array;
+
+ /** Specifies the customOrderedList tools and the display order of this tool in the RTE toolbar.
+ */
+ customOrderedList?: Array;
+
+ /** Specifies the customUnOrderedList tools and the display order of this tool in the RTE toolbar.
+ */
+ customUnorderedList?: Array;
+}
+}
+
+class Slider extends ej.Widget {
+ static fn: Slider;
+ constructor(element: JQuery, options?: Slider.Model);
+ constructor(element: Element, options?: Slider.Model);
+ model:Slider.Model;
+ defaults:Slider.Model;
+
+ /** To disable the slider
+ * @returns {void}
+ */
+ disable(): void;
+
+ /** To enable the slider
+ * @returns {void}
+ */
+ enable(): void;
+
+ /** To get value from slider handle
+ * @returns {number}
+ */
+ getValue(): number;
+
+ /** To set value to slider handle.By defaut animation is false while set the value. If you want to enable the animation, pass the enableAnimation as true to this method.
+ * @returns {void}
+ */
+ setValue(): void;
+}
+export module Slider{
+
+export interface Model {
+
+ /** Specifies the allowMouseWheel of the slider.
+ * @Default {false}
+ */
+ allowMouseWheel?: boolean;
+
+ /** Specifies the animationSpeed of the slider.
+ * @Default {500}
+ */
+ animationSpeed?: number;
+
+ /** Specify the CSS class to slider to achieve custom theme.
+ */
+ cssClass?: string;
+
+ /** Specifies the animation behavior of the slider.
+ * @Default {true}
+ */
+ enableAnimation?: boolean;
+
+ /** Specifies the state of the slider.
+ * @Default {true}
+ */
+ enabled?: boolean;
+
+ /** Specify the enablePersistence to slider to save current model value to browser cookies for state maintains
+ * @Default {false}
+ */
+ enablePersistence?: boolean;
+
+ /** Specifies the Right to Left Direction of the slider.
+ * @Default {false}
+ */
+ enableRTL?: boolean;
+
+ /** Specifies the height of the slider.
+ * @Default {14}
+ */
+ height?: string;
+
+ /** Specifies the HTML Attributes of the ejSlider.
+ * @Default {{}}
+ */
+ htmlAttributes?: any;
+
+ /** Specifies the incremental step value of the slider.
+ * @Default {1}
+ */
+ incrementStep?: number;
+
+ /** Specifies the distance between two major (large) ticks from the scale of the slider.
+ * @Default {10}
+ */
+ largeStep?: number;
+
+ /** Specifies the ending value of the slider.
+ * @Default {100}
+ */
+ maxValue?: number;
+
+ /** Specifies the starting value of the slider.
+ * @Default {0}
+ */
+ minValue?: number;
+
+ /** Specifies the orientation of the slider.
+ * @Default {ej.orientation.Horizontal}
+ */
+ orientation?: ej.Orientation|string;
+
+ /** Specifies the readOnly of the slider.
+ * @Default {false}
+ */
+ readOnly?: boolean;
+
+ /** Specifies the rounded corner behavior for slider.
+ * @Default {false}
+ */
+ showRoundedCorner?: boolean;
+
+ /** Shows/Hide the major (large) and minor (small) ticks in the scale of the slider.
+ * @Default {false}
+ */
+ showScale?: boolean;
+
+ /** Specifies the small ticks from the scale of the slider.
+ * @Default {true}
+ */
+ showSmallTicks?: boolean;
+
+ /** Specifies the showTooltip to shows the current Slider value, while moving the Slider handle or clicking on the slider handle of the slider.
+ * @Default {true}
+ */
+ showTooltip?: boolean;
+
+ /** Specifies the sliderType of the slider.
+ * @Default {ej.SliderType.Default}
+ */
+ sliderType?: ej.slider.sliderType|string;
+
+ /** Specifies the distance between two minor (small) ticks from the scale of the slider.
+ * @Default {1}
+ */
+ smallStep?: number;
+
+ /** Specifies the value of the slider. But it's not applicable for range slider. To range slider we can use values property.
+ * @Default {0}
+ */
+ value?: number;
+
+ /** Specifies the values of the range slider. But it's not applicable for default and minRange sliders. we can use value property for default and minRange sliders.
+ * @Default {[minValue,maxValue]}
+ */
+ values?: Array;
+
+ /** Specifies the width of the slider.
+ * @Default {100%}
+ */
+ width?: string;
+
+ /** Fires once Slider control value is changed successfully. */
+ change? (e: ChangeEventArgs): void;
+
+ /** Fires once Slider control has been created successfully. */
+ create? (e: CreateEventArgs): void;
+
+ /** Fires when Slider control has been destroyed successfully. */
+ destroy? (e: DestroyEventArgs): void;
+
+ /** Fires once Slider control is sliding successfully. */
+ slide? (e: SlideEventArgs): void;
+
+ /** Fires once Slider control is started successfully. */
+ start? (e: StartEventArgs): void;
+
+ /** Fires when Slider control is stopped successfully. */
+ stop? (e: StopEventArgs): void;
+
+ /** Fires when display the custom tooltip */
+ tooltipChange? (e: TooltipChangeEventArgs): void;
+}
+
+export interface ChangeEventArgs {
+
+ /** if the event should be canceled; otherwise, false.
+ */
+ cancel?: boolean;
+
+ /** returns current handle number or index
+ */
+ sliderIndex?: number;
+
+ /** returns slider id.
+ */
+ id?: string;
+
+ /** returns the slider model.
+ */
+ model?: ej.Slider.Model;
+
+ /** returns the name of the event.
+ */
+ type?: string;
+
+ /** returns the slider value.
+ */
+ value?: number;
+
+ /** returns true if event triggered by interaction else returns false.
+ */
+ isInteraction?: boolean;
+}
+
+export interface CreateEventArgs {
+
+ /** if the event should be canceled; otherwise, false.
+ */
+ cancel?: boolean;
+
+ /** returns the slider model
+ */
+ model?: ej.Slider.Model;
+
+ /** returns the name of the event
+ */
+ type?: string;
+}
+
+export interface DestroyEventArgs {
+
+ /** if the event should be canceled; otherwise, false.
+ */
+ cancel?: boolean;
+
+ /** returns the slider model
+ */
+ model?: ej.Slider.Model;
+
+ /** returns the name of the event
+ */
+ type?: string;
+}
+
+export interface SlideEventArgs {
+
+ /** if the event should be canceled; otherwise, false.
+ */
+ cancel?: boolean;
+
+ /** returns current handle number or index
+ */
+ sliderIndex?: number;
+
+ /** returns slider id
+ */
+ id?: string;
+
+ /** returns the slider model
+ */
+ model?: ej.Slider.Model;
+
+ /** returns the name of the event
+ */
+ type?: string;
+
+ /** returns the slider value
+ */
+ value?: number;
+}
+
+export interface StartEventArgs {
+
+ /** if the event should be canceled; otherwise, false.
+ */
+ cancel?: boolean;
+
+ /** returns current handle number or index
+ */
+ sliderIndex?: number;
+
+ /** returns slider id
+ */
+ id?: string;
+
+ /** returns the slider model
+ */
+ model?: ej.Slider.Model;
+
+ /** returns the name of the event
+ */
+ type?: string;
+
+ /** returns the slider value
+ */
+ value?: number;
+}
+
+export interface StopEventArgs {
+
+ /** if the event should be canceled; otherwise, false.
+ */
+ cancel?: boolean;
+
+ /** returns current handle number or index
+ */
+ sliderIndex?: number;
+
+ /** returns slider id
+ */
+ id?: string;
+
+ /** returns the slider model
+ */
+ model?: ej.Slider.Model;
+
+ /** returns the name of the event
+ */
+ type?: string;
+
+ /** returns the slider value
+ */
+ value?: number;
+}
+
+export interface TooltipChangeEventArgs {
+}
+}
+module slider
+{
+enum sliderType
+{
+//Shows default slider
+Default,
+//Shows minRange slider
+MinRange,
+//Shows Range slider
+Range,
+}
+}
+
+class SplitButton extends ej.Widget {
+ static fn: SplitButton;
+ constructor(element: JQuery, options?: SplitButton.Model);
+ constructor(element: Element, options?: SplitButton.Model);
+ model:SplitButton.Model;
+ defaults:SplitButton.Model;
+
+ /** destroy the split button widget all events bound using this._on will be unbind automatically and bring the control to pre-init state.
+ * @returns {void}
+ */
+ destroy(): void;
+
+ /** To disable the split button
+ * @returns {void}
+ */
+ disable(): void;
+
+ /** To Enable the split button
+ * @returns {void}
+ */
+ enable(): void;
+
+ /** To hide the list content of the split button.
+ * @returns {void}
+ */
+ hide(): void;
+
+ /** To show the list content of the split button.
+ * @returns {void}
+ */
+ show(): void;
+}
+export module SplitButton{
+
+export interface Model {
+
+ /** Specifies the arrowPosition of the Split or Dropdown Button.See arrowPosition
+ * @Default {ej.ArrowPosition.Right}
+ */
+ arrowPosition?: string|ej.ArrowPosition;
+
+ /** Specifies the buttonMode like Split or Dropdown Button.See ButtonMode
+ * @Default {ej.ButtonMode.Split}
+ */
+ buttonMode?: string|ej.ButtonMode;
+
+ /** Specifies the contentType of the Split Button.See ContentType
+ * @Default {ej.ContentType.TextOnly}
+ */
+ contentType?: string|ej.ContentType;
+
+ /** Set the root class for Split Button control theme
+ */
+ cssClass?: string;
+
+ /** Specifies the disabling of Split Button if enabled is set to false.
+ * @Default {true}
+ */
+ enabled?: boolean;
+
+ /** Specifies the enableRTL property for Split Button while initialization.
+ * @Default {false}
+ */
+ enableRTL?: boolean;
+
+ /** Specifies the height of the Split Button.
+ * @Default {“â€}
+ */
+ height?: string|number;
+
+ /** Specifies the HTML Attributes of the Split Button.
+ * @Default {{}}
+ */
+ htmlAttributes?: any;
+
+ /** Specifies the imagePosition of the Split Button.See imagePositions
+ * @Default {ej.ImagePosition.ImageRight}
+ */
+ imagePosition?: string|ej.ImagePosition;
+
+ /** Specifies the image content for Split Button while initialization.
+ */
+ prefixIcon?: string;
+
+ /** Specifies the showRoundedCorner property for Split Button while initialization.
+ * @Default {false}
+ */
+ showRoundedCorner?: boolean;
+
+ /** Specifies the size of the Button. See ButtonSize
+ * @Default {ej.ButtonSize.Normal}
+ */
+ size?: string|ej.ButtonSize;
+
+ /** Specifies the image content for Split Button while initialization.
+ */
+ suffixIcon?: string;
+
+ /** Specifies the list content for Split Button while initialization
+ */
+ targetID?: string;
+
+ /** Specifies the text content for Split Button while initialization.
+ */
+ text?: string;
+
+ /** Specifies the width of the Split Button.
+ * @Default {“â€}
+ */
+ width?: string|number;
+
+ /** Fires before menu of the split button control is opened. */
+ beforeOpen? (e: BeforeOpenEventArgs): void;
+
+ /** Fires when Button control is clicked successfully */
+ click? (e: ClickEventArgs): void;
+
+ /** Fires before the list content of Button control is closed */
+ close? (e: CloseEventArgs): void;
+
+ /** Fires after Split Button control is created. */
+ create? (e: CreateEventArgs): void;
+
+ /** Fires when the Split Button is destroyed successfully */
+ destroy? (e: DestroyEventArgs): void;
+
+ /** Fires when a menu item is Hovered out successfully */
+ itemMouseOut? (e: ItemMouseOutEventArgs): void;
+
+ /** Fires when a menu item is Hovered in successfully */
+ itemMouseOver? (e: ItemMouseOverEventArgs): void;
+
+ /** Fires when a menu item is clicked successfully */
+ itemSelected? (e: ItemSelectedEventArgs): void;
+
+ /** Fires before the list content of Button control is opened */
+ open? (e: OpenEventArgs): void;
+}
+
+export interface BeforeOpenEventArgs {
+
+ /** returns the cancel option value
+ */
+ cancel?: boolean;
+
+ /** returns the split button model
+ */
+ model?: ej.SplitButton.Model;
+
+ /** returns the name of the event
+ */
+ type?: string;
+}
+
+export interface ClickEventArgs {
+
+ /** returns the cancel option value
+ */
+ cancel?: boolean;
+
+ /** returns the split button model
+ */
+ model?: ej.SplitButton.Model;
+
+ /** returns the name of the event
+ */
+ type?: string;
+
+ /** returns the target of the current object.
+ */
+ target?: any;
+
+ /** return the button state
+ */
+ status?: boolean;
+}
+
+export interface CloseEventArgs {
+
+ /** returns the cancel option value
+ */
+ cancel?: boolean;
+
+ /** returns the split button model
+ */
+ model?: ej.SplitButton.Model;
+
+ /** returns the name of the event
+ */
+ type?: string;
+}
+
+export interface CreateEventArgs {
+
+ /** returns the cancel option value
+ */
+ cancel?: boolean;
+
+ /** returns the split button model
+ */
+ model?: ej.SplitButton.Model;
+
+ /** returns the name of the event
+ */
+ type?: string;
+}
+
+export interface DestroyEventArgs {
+
+ /** returns the cancel option value
+ */
+ cancel?: boolean;
+
+ /** returns the split button model
+ */
+ model?: ej.SplitButton.Model;
+
+ /** returns the name of the event
+ */
+ type?: string;
+}
+
+export interface ItemMouseOutEventArgs {
+
+ /** returns the cancel option value
+ */
+ cancel?: boolean;
+
+ /** returns the split button model
+ */
+ model?: ej.SplitButton.Model;
+
+ /** returns the name of the event
+ */
+ type?: string;
+
+ /** returns the clicked menu item element
+ */
+ element?: any;
+
+ /** returns the event
+ */
+ event?: any;
+}
+
+export interface ItemMouseOutEvent {
+
+ /** return the menu item id
+ */
+ ID?: string;
+
+ /** return the clicked menu item text
+ */
+ Text?: string;
+}
+
+export interface ItemMouseOverEventArgs {
+
+ /** returns the cancel option value
+ */
+ cancel?: boolean;
+
+ /** returns the split button model
+ */
+ model?: ej.SplitButton.Model;
+
+ /** returns the name of the event
+ */
+ type?: string;
+
+ /** returns the clicked menu item element
+ */
+ element?: any;
+
+ /** returns the event
+ */
+ event?: any;
+}
+
+export interface ItemMouseOverEvent {
+
+ /** return the menu item id
+ */
+ ID?: string;
+
+ /** return the clicked menu item text
+ */
+ Text?: string;
+}
+
+export interface ItemSelectedEventArgs {
+
+ /** returns the cancel option value
+ */
+ cancel?: boolean;
+
+ /** returns the split button model
+ */
+ model?: ej.SplitButton.Model;
+
+ /** returns the name of the event
+ */
+ type?: string;
+
+ /** returns the clicked menu item element
+ */
+ element?: any;
+
+ /** returns the selected item
+ */
+ selectedItem?: any;
+
+ /** return the menu id
+ */
+ menuId?: string;
+
+ /** return the clicked menu item text
+ */
+ menuText?: string;
+}
+
+export interface OpenEventArgs {
+
+ /** returns the cancel option value
+ */
+ cancel?: boolean;
+
+ /** returns the split button model
+ */
+ model?: ej.SplitButton.Model;
+
+ /** returns the name of the event
+ */
+ type?: string;
+}
+}
+enum ArrowPosition
+{
+//To set Left arrowPosition of the split button
+Left,
+//To set Right arrowPosition of the split button
+Right,
+//To set Top arrowPosition of the split button
+Top,
+//To set Bottom arrowPosition of the split button
+Bottom,
+}
+
+class Splitter extends ej.Widget {
+ static fn: Splitter;
+ constructor(element: JQuery, options?: Splitter.Model);
+ constructor(element: Element, options?: Splitter.Model);
+ model:Splitter.Model;
+ defaults:Splitter.Model;
+
+ /** To add a new pane to splitter control.
+ * @param {string} content of pane.
+ * @param {any} pane properties.
+ * @param {number} index of pane.
+ * @returns {HTMLElement}
+ */
+ addItem(content: string, property: any, index: number): HTMLElement;
+
+ /** To collapse the splitter control pane.
+ * @param {number} index number of pane.
+ * @returns {void}
+ */
+ collapse(paneIndex: number): void;
+
+ /** To expand the splitter control pane.
+ * @param {number} index number of pane.
+ * @returns {void}
+ */
+ expand(paneIndex: number): void;
+
+ /** To refresh the splitter control pane resizing.
+ * @returns {void}
+ */
+ refresh(): void;
+
+ /** To remove a specified pane from the splitter control.
+ * @param {number} index of pane.
+ * @returns {void}
+ */
+ removeItem(index: number): void;
+}
+export module Splitter{
+
+export interface Model {
+
+ /** Turns on keyboard interaction with the Splitter panes. You must set this property to true to access the keyboard shortcuts of ejSplitter.
+ * @Default {true}
+ */
+ allowKeyboardNavigation?: boolean;
+
+ /** Specify animation speed for the Splitter pane movement, while collapsing and expanding.
+ * @Default {300}
+ */
+ animationSpeed?: number;
+
+ /** Specify the CSS class to splitter control to achieve custom theme.
+ * @Default {“â€}
+ */
+ cssClass?: string;
+
+ /** Specifies the animation behavior of the splitter.
+ * @Default {true}
+ */
+ enableAnimation?: boolean;
+
+ /** Specifies the splitter control to be displayed in right to left direction.
+ * @Default {false}
+ */
+ enableRTL?: boolean;
+
+ /** Specify height for splitter control.
+ * @Default {null}
+ */
+ height?: string;
+
+ /** Specifies the HTML Attributes of the Splitter.
+ * @Default {{}}
+ */
+ htmlAttributes?: any;
+
+ /** Specify window resizing behavior for splitter control.
+ * @Default {false}
+ */
+ isResponsive?: boolean;
+
+ /** Specify the orientation for splitter control. See orientation
+ * @Default {ej.orientation.Horizontal or “horizontalâ€}
+ */
+ orientation?: ej.Orientation|string;
+
+ /** Specify properties for each pane like paneSize, minSize, maxSize, collapsible, expandable, resizable.
+ * @Default {[]}
+ */
+ properties?: Array;
+
+ /** Specify width for splitter control.
+ * @Default {null}
+ */
+ width?: string;
+
+ /** Fires before expanding / collapsing the split pane of splitter control. */
+ beforeExpandCollapse? (e: BeforeExpandCollapseEventArgs): void;
+
+ /** Fires when splitter control pane has been created. */
+ create? (e: CreateEventArgs): void;
+
+ /** Fires when splitter control pane has been destroyed. */
+ destroy? (e: DestroyEventArgs): void;
+
+ /** Fires when expand / collapse operation in splitter control pane has been performed successfully. */
+ expandCollapse? (e: ExpandCollapseEventArgs): void;
+
+ /** Fires when resize in splitter control pane. */
+ resize? (e: ResizeEventArgs): void;
+}
+
+export interface BeforeExpandCollapseEventArgs {
+
+ /** if the event should be canceled; otherwise, false.
+ */
+ cancel?: boolean;
+
+ /** returns collapsed pane details.
+ */
+ collapsed?: any;
+
+ /** returns expanded pane details.
+ */
+ expanded?: any;
+
+ /** returns the splitter model.
+ */
+ model?: ej.Splitter.Model;
+
+ /** returns the current split bar index.
+ */
+ splitbarIndex?: number;
+
+ /** returns the name of the event.
+ */
+ type?: string;
+}
+
+export interface CreateEventArgs {
+
+ /** if the event should be canceled; otherwise, false.
+ */
+ cancel?: boolean;
+
+ /** returns the splitter model.
+ */
+ model?: ej.Splitter.Model;
+
+ /** returns the name of the event.
+ */
+ type?: string;
+}
+
+export interface DestroyEventArgs {
+
+ /** if the event should be canceled; otherwise, false.
+ */
+ cancel?: boolean;
+
+ /** returns the splitter model.
+ */
+ model?: ej.Splitter.Model;
+
+ /** returns the name of the event.
+ */
+ type?: string;
+}
+
+export interface ExpandCollapseEventArgs {
+
+ /** if the event should be canceled; otherwise, false.
+ */
+ cancel?: boolean;
+
+ /** returns collapsed pane details.
+ */
+ collapsed?: any;
+
+ /** returns expanded pane details.
+ */
+ expanded?: any;
+
+ /** returns the splitter model.
+ */
+ model?: ej.Splitter.Model;
+
+ /** returns the current split bar index.
+ */
+ splitbarIndex?: number;
+
+ /** returns the name of the event.
+ */
+ type?: string;
+}
+
+export interface ResizeEventArgs {
+
+ /** if the event should be canceled; otherwise, false.
+ */
+ cancel?: boolean;
+
+ /** returns previous pane details.
+ */
+ prevPane?: any;
+
+ /** returns next pane details.
+ */
+ nextPane?: any;
+
+ /** returns the splitter model.
+ */
+ model?: ej.Splitter.Model;
+
+ /** returns the current split bar index.
+ */
+ splitbarIndex?: number;
+
+ /** returns the name of the event.
+ */
+ type?: string;
+}
+}
+
+class Tab extends ej.Widget {
+ static fn: Tab;
+ constructor(element: JQuery, options?: Tab.Model);
+ constructor(element: Element, options?: Tab.Model);
+ model:Tab.Model;
+ defaults:Tab.Model;
+
+ /** Add new tab items with given name, URL and given index position, if index null it’s add last item.
+ * @param {string} URL name / tab id.
+ * @param {string} Tab Display name.
+ * @param {number} Index position to placed , this is optional.
+ * @param {string} specifies cssClass, this is optional.
+ * @param {string} specifies id of tab, this is optional.
+ * @returns {void}
+ */
+ addItem(URL: string, displayLabel: string, index: number, cssClass: string, id: string): void;
+
+ /** To disable the tab control.
+ * @returns {void}
+ */
+ disable(): void;
+
+ /** To enable the tab control.
+ * @returns {void}
+ */
+ enable(): void;
+
+ /** This function get the number of tab rendered
+ * @returns {number}
+ */
+ getItemsCount(): number;
+
+ /** This function hides the tab control.
+ * @returns {void}
+ */
+ hide(): void;
+
+ /** This function hides the specified item tab in tab control.
+ * @param {number} index of tab item.
+ * @returns {void}
+ */
+ hideItem(index: number): void;
+
+ /** Remove the given index tab item.
+ * @param {number} index of tab item.
+ * @returns {void}
+ */
+ removeItem(index: number): void;
+
+ /** This function is to show the tab control.
+ * @returns {void}
+ */
+ show(): void;
+
+ /** This function helps to show the specified hidden tab item in tab control.
+ * @param {number} index of tab item.
+ * @returns {void}
+ */
+ showItem(index: number): void;
+}
+export module Tab{
+
+export interface Model {
+
+ /** Specifies the ajaxSettings option to load the content to the Tab control.
+ */
+ ajaxSettings?: AjaxSettings;
+
+ /** Tab items interaction with keyboard keys, like headers active navigation.
+ * @Default {true}
+ */
+ allowKeyboardNavigation?: boolean;
+
+ /** Allow to collapsing the active item, while click on the active header.
+ * @Default {false}
+ */
+ collapsible?: boolean;
+
+ /** Set the root class for Tab theme. This cssClass API helps to use custom skinning option for Tab control.
+ */
+ cssClass?: string;
+
+ /** Disables the given tab headers and content panels.
+ * @Default {[]}
+ */
+ disabledItemIndex?: number[];
+
+ /** Specifies the animation behavior of the tab.
+ * @Default {true}
+ */
+ enableAnimation?: boolean;
+
+ /** When this property is set to false, it disables the tab control.
+ * @Default {true}
+ */
+ enabled?: boolean;
+
+ /** Enables the given tab headers and content panels.
+ * @Default {[]}
+ */
+ enabledItemIndex?: number[];
+
+ /** Save current model value to browser cookies for state maintains. While refresh the Tab control page the model value apply from browser cookies.
+ * @Default {false}
+ */
+ enablePersistence?: boolean;
+
+ /** Display Right to Left direction for headers and panels text of tab.
+ * @Default {false}
+ */
+ enableRTL?: boolean;
+
+ /** Specify to enable scrolling for Tab header.
+ * @Default {false}
+ */
+ enableTabScroll?: boolean;
+
+ /** The event API to bind the action for active the tab items.
+ * @Default {click}
+ */
+ events?: string;
+
+ /** Specifies the position of Tab header as top, bottom, left or right. See below to get available Position
+ * @Default {top}
+ */
+ headerPosition?: string | ej.Tab.Position;
+
+ /** Set the height of the tab header element. Default this property value is null, so height take content height.
+ * @Default {null}
+ */
+ headerSize?: string|number;
+
+ /** Height set the outer panel element. Default this property value is null, so height take content height.
+ * @Default {null}
+ */
+ height?: string|number;
+
+ /** Adjust the content panel height for given option (content, auto and fill), by default panels height adjust based on the content.See below to get available HeightAdjustMode
+ * @Default {content}
+ */
+ heightAdjustMode?: string | ej.Tab.HeightAdjustMode;
+
+ /** Specifies to hide a pane of Tab control.
+ * @Default {[]}
+ */
+ hiddenItemIndex?: Array;
+
+ /** Specifies the HTML Attributes of the Tab.
+ * @Default {{}}
+ */
+ htmlAttributes?: any;
+
+ /** The idPrefix property appends the given string on the added tab item id’s in runtime.
+ * @Default {ej-tab-}
+ */
+ idPrefix?: string;
+
+ /** Specifies the Tab header in active for given index value.
+ * @Default {0}
+ */
+ selectedItemIndex?: number;
+
+ /** Display the close button for each tab items. While clicking on the close icon, particular tab item will be removed.
+ * @Default {false}
+ */
+ showCloseButton?: boolean;
+
+ /** Display the Reload button for each tab items.
+ * @Default {false}
+ */
+ showReloadIcon?: boolean;
+
+ /** Tab panels and headers to be displayed in rounded corner style.
+ * @Default {false}
+ */
+ showRoundedCorner?: boolean;
+
+ /** Set the width for outer panel element, if not it’s take parent width.
+ * @Default {null}
+ */
+ width?: string|number;
+
+ /** Triggered after a tab item activated. */
+ itemActive? (e: ItemActiveEventArgs): void;
+
+ /** Triggered before AJAX content has been loaded. */
+ ajaxBeforeLoad? (e: AjaxBeforeLoadEventArgs): void;
+
+ /** Triggered if error occurs in AJAX request. */
+ ajaxError? (e: AjaxErrorEventArgs): void;
+
+ /** Triggered after AJAX content load action. */
+ ajaxLoad? (e: AjaxLoadEventArgs): void;
+
+ /** Triggered after a tab item activated. */
+ ajaxSuccess? (e: AjaxSuccessEventArgs): void;
+
+ /** Triggered before a tab item activated. */
+ beforeActive? (e: BeforeActiveEventArgs): void;
+
+ /** Triggered before a tab item remove. */
+ beforeItemRemove? (e: BeforeItemRemoveEventArgs): void;
+
+ /** Triggered before a tab item Create. */
+ create? (e: CreateEventArgs): void;
+
+ /** Triggered before a tab item destroy. */
+ destroy? (e: DestroyEventArgs): void;
+
+ /** Triggered after new tab item add */
+ itemAdd? (e: ItemAddEventArgs): void;
+
+ /** Triggered after tab item removed. */
+ itemRemove? (e: ItemRemoveEventArgs): void;
+}
+
+export interface ItemActiveEventArgs {
+
+ /** if the event should be canceled; otherwise, false.
+ */
+ cancel?: boolean;
+
+ /** returns the tab model.
+ */
+ model?: ej.Tab.Model;
+
+ /** returns the name of the event.
+ */
+ type?: string;
+
+ /** returns previous active tab header.
+ */
+ prevActiveHeader?: HTMLElement;
+
+ /** returns previous active index.
+ */
+ prevActiveIndex?: number;
+
+ /** returns current active tab header .
+ */
+ activeHeader?: HTMLElement;
+
+ /** returns current active index.
+ */
+ activeIndex?: number;
+
+ /** returns, is it triggered by interaction or not.
+ */
+ isInteraction?: boolean;
+}
+
+export interface AjaxBeforeLoadEventArgs {
+
+ /** if the event should be canceled; otherwise, false.
+ */
+ cancel?: boolean;
+
+ /** returns the tab model.
+ */
+ model?: ej.Tab.Model;
+
+ /** returns the name of the event.
+ */
+ type?: string;
+
+ /** returns previous active tab header.
+ */
+ prevActiveHeader?: HTMLElement;
+
+ /** returns previous active index.
+ */
+ prevActiveIndex?: number;
+
+ /** returns current active tab header .
+ */
+ activeHeader?: HTMLElement;
+
+ /** returns current active index.
+ */
+ activeIndex?: number;
+
+ /** returns the URL of AJAX request
+ */
+ URL?: string;
+
+ /** returns, is it triggered by interaction or not.
+ */
+ isInteraction?: boolean;
+}
+
+export interface AjaxErrorEventArgs {
+
+ /** if the event should be canceled; otherwise, false.
+ */
+ cancel?: boolean;
+
+ /** returns the tab model.
+ */
+ model?: ej.Tab.Model;
+
+ /** returns the name of the event.
+ */
+ type?: string;
+
+ /** returns AJAX data details.
+ */
+ data?: any;
+
+ /** returns the URL of AJAX request.
+ */
+ URL?: string;
+}
+
+export interface AjaxLoadEventArgs {
+
+ /** if the event should be canceled; otherwise, false.
+ */
+ cancel?: boolean;
+
+ /** returns the tab model.
+ */
+ model?: ej.Tab.Model;
+
+ /** returns the name of the event.
+ */
+ type?: string;
+
+ /** returns previous active tab header.
+ */
+ prevActiveHeader?: HTMLElement;
+
+ /** returns previous active index.
+ */
+ prevActiveIndex?: number;
+
+ /** returns current active tab header .
+ */
+ activeHeader?: HTMLElement;
+
+ /** returns current active index.
+ */
+ activeIndex?: number;
+
+ /** returns the URL of AJAX request
+ */
+ URL?: string;
+
+ /** returns, is it triggered by interaction or not.
+ */
+ isInteraction?: boolean;
+}
+
+export interface AjaxSuccessEventArgs {
+
+ /** if the event should be canceled; otherwise, false.
+ */
+ cancel?: boolean;
+
+ /** returns the tab model.
+ */
+ model?: ej.Tab.Model;
+
+ /** returns the name of the event.
+ */
+ type?: string;
+
+ /** return AJAX data.
+ */
+ data?: any;
+
+ /** returns AJAX URL
+ */
+ URL?: string;
+
+ /** returns content of AJAX request.
+ */
+ content?: any;
+}
+
+export interface BeforeActiveEventArgs {
+
+ /** if the event should be canceled; otherwise, false.
+ */
+ cancel?: boolean;
+
+ /** returns the tab model.
+ */
+ model?: ej.Tab.Model;
+
+ /** returns the name of the event.
+ */
+ type?: string;
+
+ /** returns previous active tab header.
+ */
+ prevActiveHeader?: HTMLElement;
+
+ /** returns previous active index.
+ */
+ prevActiveIndex?: number;
+
+ /** returns current active tab header .
+ */
+ activeHeader?: HTMLElement;
+
+ /** returns current active index.
+ */
+ activeIndex?: number;
+
+ /** returns, is it triggered by interaction or not.
+ */
+ isInteraction?: boolean;
+}
+
+export interface BeforeItemRemoveEventArgs {
+
+ /** if the event should be canceled; otherwise, false.
+ */
+ cancel?: boolean;
+
+ /** returns the tab model.
+ */
+ model?: ej.Tab.Model;
+
+ /** returns the name of the event.
+ */
+ type?: string;
+
+ /** returns current tab item index
+ */
+ index?: number;
+}
+
+export interface CreateEventArgs {
+
+ /** if the event should be canceled; otherwise, false.
+ */
+ cancel?: boolean;
+
+ /** returns the tab model.
+ */
+ model?: ej.Tab.Model;
+
+ /** returns the name of the event.
+ */
+ type?: string;
+}
+
+export interface DestroyEventArgs {
+
+ /** if the event should be canceled; otherwise, false.
+ */
+ cancel?: boolean;
+
+ /** returns the tab model.
+ */
+ model?: ej.Tab.Model;
+
+ /** returns the name of the event.
+ */
+ type?: string;
+}
+
+export interface ItemAddEventArgs {
+
+ /** if the event should be canceled; otherwise, false.
+ */
+ cancel?: boolean;
+
+ /** returns the tab model.
+ */
+ model?: ej.Tab.Model;
+
+ /** returns the name of the event.
+ */
+ type?: string;
+
+ /** returns new added tab header.
+ */
+ tabHeader?: HTMLElement;
+
+ /** returns new added tab content panel.
+ */
+ tabContent?: any;
+}
+
+export interface ItemRemoveEventArgs {
+
+ /** if the event should be canceled; otherwise, false.
+ */
+ cancel?: boolean;
+
+ /** returns the tab model.
+ */
+ model?: ej.Tab.Model;
+
+ /** returns the name of the event.
+ */
+ type?: string;
+
+ /** returns removed tab header.
+ */
+ removedTab?: HTMLElement;
+}
+
+export interface AjaxSettings {
+
+ /** It specifies, whether to enable or disable asynchronous request.
+ * @Default {true}
+ */
+ async?: boolean;
+
+ /** It specifies the page will be cached in the web browser.
+ * @Default {false}
+ */
+ cache?: boolean;
+
+ /** It specifies the type of data is send in the query string.
+ * @Default {html}
+ */
+ contentType?: string;
+
+ /** It specifies the data as an object, will be passed in the query string.
+ * @Default {{}}
+ */
+ data?: any;
+
+ /** It specifies the type of data that you're expecting back from the response.
+ * @Default {html}
+ */
+ dataType?: string;
+
+ /** It specifies the HTTP request type.
+ * @Default {get}
+ */
+ type?: string;
+}
+
+enum Position{
+
+ ///Tab headers display to top position
+ Top,
+
+ ///Tab headers display to bottom position
+ Bottom,
+
+ ///Tab headers display to left position.
+ Left,
+
+ ///Tab headers display to right position.
+ Right
+}
+
+
+enum HeightAdjustMode{
+
+ ///string
+ None,
+
+ ///string
+ Content,
+
+ ///string
+ Auto,
+
+ ///string
+ Fill
+}
+
+}
+
+class TagCloud extends ej.Widget {
+ static fn: TagCloud;
+ constructor(element: JQuery, options?: TagCloud.Model);
+ constructor(element: Element, options?: TagCloud.Model);
+ model:TagCloud.Model;
+ defaults:TagCloud.Model;
+
+ /** Inserts a new item into the TagCloud
+ * @param {string} Insert new item into the TagCloud
+ * @returns {void}
+ */
+ insert(name: string): void;
+
+ /** Inserts a new item into the TagCloud at a particular position.
+ * @param {string} Inserts a new item into the TagCloud
+ * @param {number} Inserts a new item into the TagCloud with the specified position
+ * @returns {void}
+ */
+ insertAt(name: string, position: number): void;
+
+ /** Removes the item from the TagCloud based on the name. It removes all the tags which have the corresponding name
+ * @param {string} name of the tag.
+ * @returns {void}
+ */
+ remove(name: string): void;
+
+ /** Removes the item from the TagCloud based on the position. It removes the tags from the the corresponding position only.
+ * @param {number} position of tag item.
+ * @returns {void}
+ */
+ removeAt(position: number): void;
+}
+export module TagCloud{
+
+export interface Model {
+
+ /** Specify the CSS class to button to achieve custom theme.
+ */
+ cssClass?: string;
+
+ /** The dataSource contains the list of data to display in a cloud format. Each data contains a link URL, frequency to categorize the font size and a display text.
+ * @Default {null}
+ */
+ dataSource?: any;
+
+ /** Sets the TagCloud and tag items direction as right to left alignment.
+ * @Default {false}
+ */
+ enableRTL?: boolean;
+
+ /** Defines the mapping fields for the data items of the TagCloud.
+ * @Default {null}
+ */
+ fields?: Fields;
+
+ /** Specifies the list of HTML attributes to be added to TagCloud control.
+ * @Default {{}}
+ */
+ htmlAttributes?: any;
+
+ /** Defines the format for the TagCloud to display the tag items.See Format
+ * @Default {ej.Format.Cloud}
+ */
+ format?: string|ej.Format;
+
+ /** Sets the maximum font size value for the tag items. The font size for the tag items will be generated in between the minimum and maximum font size values.
+ * @Default {40px}
+ */
+ maxFontSize?: string|number;
+
+ /** Sets the minimum font size value for the tag items. The font size for the tag items will be generated in between the minimum and maximum font size values.
+ * @Default {10px}
+ */
+ minFontSize?: string|number;
+
+ /** Define the query to retrieve the data from online server. The query is used only when the online dataSource is used.
+ * @Default {null}
+ */
+ query?: any;
+
+ /** Shows or hides the TagCloud title. When this set to false, it hides the TagCloud header.
+ * @Default {true}
+ */
+ showTitle?: boolean;
+
+ /** Sets the title image for the TagCloud. To show the title image, the showTitle property should be enabled.
+ * @Default {null}
+ */
+ titleImage?: string;
+
+ /** Sets the title text for the TagCloud. To show the title text, the showTitle property should be enabled.
+ * @Default {Title}
+ */
+ titleText?: string;
+
+ /** Event triggers when the TagCloud items are clicked */
+ click? (e: ClickEventArgs): void;
+
+ /** Event triggers when the TagCloud are created */
+ create? (e: CreateEventArgs): void;
+
+ /** Event triggers when the TagCloud are destroyed */
+ destroy? (e: DestroyEventArgs): void;
+
+ /** Event triggers when the cursor leaves out from a tag item */
+ mouseout? (e: MouseoutEventArgs): void;
+
+ /** Event triggers when the cursor hovers on a tag item */
+ mouseover? (e: MouseoverEventArgs): void;
+}
+
+export interface ClickEventArgs {
+
+ /** if the event should be canceled; otherwise, false.
+ */
+ cancel?: boolean;
+
+ /** returns the TagCloud model
+ */
+ model?: ej.TagCloud.Model;
+
+ /** returns the name of the event
+ */
+ type?: string;
+
+ /** return current tag name
+ */
+ text?: string;
+
+ /** return current URL link
+ */
+ URL?: string;
+}
+
+export interface CreateEventArgs {
+
+ /** if the event should be canceled; otherwise, false.
+ */
+ cancel?: boolean;
+
+ /** returns the TagCloud model
+ */
+ model?: ej.TagCloud.Model;
+
+ /** returns the name of the event
+ */
+ type?: string;
+}
+
+export interface DestroyEventArgs {
+
+ /** if the event should be canceled; otherwise, false.
+ */
+ cancel?: boolean;
+
+ /** returns the TagCloud model
+ */
+ model?: ej.TagCloud.Model;
+
+ /** returns the name of the event
+ */
+ type?: string;
+}
+
+export interface MouseoutEventArgs {
+
+ /** if the event should be canceled; otherwise, false.
+ */
+ cancel?: boolean;
+
+ /** returns the TagCloud model
+ */
+ model?: ej.TagCloud.Model;
+
+ /** returns the name of the event
+ */
+ type?: string;
+
+ /** return current tag name
+ */
+ text?: string;
+
+ /** return current URL link
+ */
+ URL?: string;
+}
+
+export interface MouseoverEventArgs {
+
+ /** if the event should be canceled; otherwise, false.
+ */
+ cancel?: boolean;
+
+ /** returns the TagCloud model
+ */
+ model?: ej.TagCloud.Model;
+
+ /** returns the name of the event
+ */
+ type?: string;
+
+ /** return current tag name
+ */
+ text?: string;
+
+ /** return current URL link
+ */
+ URL?: string;
+}
+
+export interface Fields {
+
+ /** Defines the frequency column number to categorize the font size.
+ */
+ frequency?: string;
+
+ /** Defines the HTML attributes column for the anchor elements inside the each tag items.
+ */
+ htmlAttributes?: string;
+
+ /** Defines the tag value or display text.
+ */
+ text?: string;
+
+ /** Defines the URL link to navigate while click the tag.
+ */
+ url?: string;
+}
+}
+enum Format
+{
+//To render the TagCloud items in cloud format
+Cloud,
+//To render the TagCloud items in list format
+List,
+}
+
+class TimePicker extends ej.Widget {
+ static fn: TimePicker;
+ constructor(element: JQuery, options?: TimePicker.Model);
+ constructor(element: Element, options?: TimePicker.Model);
+ model:TimePicker.Model;
+ defaults:TimePicker.Model;
+
+ /** Allows you to disable the TimePicker.
+ * @returns {void}
+ */
+ disable(): void;
+
+ /** Allows you to enable the TimePicker.
+ * @returns {void}
+ */
+ enable(): void;
+
+ /** It returns the current time value.
+ * @returns {string}
+ */
+ getValue(): string;
+
+ /** This method will hide the TimePicker control popup.
+ * @returns {void}
+ */
+ hide(): void;
+
+ /** Updates the current system time in TimePicker.
+ * @returns {void}
+ */
+ setCurrentTime(): void;
+
+ /** This method will show the TimePicker control popup.
+ * @returns {void}
+ */
+ show(): void;
+}
+export module TimePicker{
+
+export interface Model {
+
+ /** Sets the root CSS class for the TimePicker theme, which is used to customize.
+ */
+ cssClass?: string;
+
+ /** Specifies the list of time range to be disabled.
+ * @Default {{}}
+ */
+ disableTimeRanges?: any;
+
+ /** Specifies the animation behavior in TimePicker.
+ * @Default {true}
+ */
+ enableAnimation?: boolean;
+
+ /** When this property is set to false, it disables the TimePicker control.
+ * @Default {true}
+ */
+ enabled?: boolean;
+
+ /** Save current model value to browser cookies for maintaining states. When refreshing the TimePicker control page, the model value is applied from browser cookies or HTML 5local storage.
+ * @Default {false}
+ */
+ enablePersistence?: boolean;
+
+ /** Displays the TimePicker as right to left alignment.
+ * @Default {false}
+ */
+ enableRTL?: boolean;
+
+ /** When the enableStrictMode is set as true it allows the value outside of the range and also indicate with red color border, otherwise it internally changed to the min or max range value based an input value.
+ * @Default {false}
+ */
+ enableStrictMode?: boolean;
+
+ /** Defines the height of the TimePicker textbox.
+ */
+ height?: string|number;
+
+ /** Sets the step value for increment an hour value through arrow keys or mouse scroll.
+ * @Default {1}
+ */
+ hourInterval?: number;
+
+ /** It allows to define the characteristics of the TimePicker control. It will helps to extend the capability of an HTML element.
+ * @Default {{}}
+ */
+ htmlAttributes?: any;
+
+ /** Sets the time interval between the two adjacent time values in the popup.
+ * @Default {30}
+ */
+ interval?: number;
+
+ /** Defines the localization info used by the TimePicker.
+ * @Default {en-US}
+ */
+ locale?: string;
+
+ /** Sets the maximum time value to the TimePicker.
+ * @Default {11:59:59 PM}
+ */
+ maxTime?: string;
+
+ /** Sets the minimum time value to the TimePicker.
+ * @Default {12:00:00 AM}
+ */
+ minTime?: string;
+
+ /** Sets the step value for increment the minute value through arrow keys or mouse scroll.
+ * @Default {1}
+ */
+ minutesInterval?: number;
+
+ /** Defines the height of the TimePicker popup.
+ * @Default {191px}
+ */
+ popupHeight?: string|number;
+
+ /** Defines the width of the TimePicker popup.
+ * @Default {auto}
+ */
+ popupWidth?: string|number;
+
+ /** Toggles the readonly state of the TimePicker
+ * @Default {false}
+ */
+ readOnly?: boolean;
+
+ /** Sets the step value for increment the seconds value through arrow keys or mouse scroll.
+ * @Default {1}
+ */
+ secondsInterval?: number;
+
+ /** shows or hides the drop down button in TimePicker.
+ * @Default {true}
+ */
+ showPopupButton?: boolean;
+
+ /** TimePicker is displayed with rounded corner when this property is set to true.
+ * @Default {false}
+ */
+ showRoundedCorner?: boolean;
+
+ /** Defines the time format displayed in the TimePicker.
+ * @Default {h:mm tt}
+ */
+ timeFormat?: string;
+
+ /** Sets a specified time value on the TimePicker.
+ * @Default {null}
+ */
+ value?: string|Date;
+
+ /** Defines the width of the TimePicker textbox.
+ */
+ width?: string|number;
+
+ /** Fires when the time value changed in the TimePicker. */
+ beforeChange? (e: BeforeChangeEventArgs): void;
+
+ /** Fires when the TimePicker popup before opened. */
+ beforeOpen? (e: BeforeOpenEventArgs): void;
+
+ /** Fires when the time value changed in the TimePicker. */
+ change? (e: ChangeEventArgs): void;
+
+ /** Fires when the TimePicker popup closed. */
+ close? (e: CloseEventArgs): void;
+
+ /** Fires when create TimePicker successfully. */
+ create? (e: CreateEventArgs): void;
+
+ /** Fires when the TimePicker is destroyed successfully. */
+ destroy? (e: DestroyEventArgs): void;
+
+ /** Fires when the TimePicker control gets focus. */
+ focusIn? (e: FocusInEventArgs): void;
+
+ /** Fires when the TimePicker control get lost focus. */
+ focusOut? (e: FocusOutEventArgs): void;
+
+ /** Fires when the TimePicker popup opened. */
+ open? (e: OpenEventArgs): void;
+
+ /** Fires when the value is selected from the TimePicker dropdown list. */
+ select? (e: SelectEventArgs): void;
+}
+
+export interface BeforeChangeEventArgs {
+
+ /** if the event should be canceled; otherwise, false.
+ */
+ cancel?: boolean;
+
+ /** returns the TimePicker model
+ */
+ model?: ej.TimePicker.Model;
+
+ /** returns the name of the event
+ */
+ type?: string;
+
+ /** returns the previously selected time value
+ */
+ prevTime?: string;
+
+ /** returns the modified time value
+ */
+ value?: string;
+}
+
+export interface BeforeOpenEventArgs {
+
+ /** if the event should be canceled; otherwise, false.
+ */
+ cancel?: boolean;
+
+ /** returns the TimePicker model
+ */
+ model?: ej.TimePicker.Model;
+
+ /** returns the name of the event
+ */
+ type?: string;
+
+ /** returns the previously selected time value
+ */
+ prevTime?: string;
+
+ /** returns the time value
+ */
+ value?: string;
+}
+
+export interface ChangeEventArgs {
+
+ /** if the event should be canceled; otherwise, false.
+ */
+ cancel?: boolean;
+
+ /** returns the TimePicker model
+ */
+ model?: ej.TimePicker.Model;
+
+ /** returns the name of the event
+ */
+ type?: string;
+
+ /** returns true when the value changed by user interaction otherwise returns false
+ */
+ isInteraction?: boolean;
+
+ /** returns the previously selected time value
+ */
+ prevTime?: string;
+
+ /** returns the modified time value
+ */
+ value?: string;
+}
+
+export interface CloseEventArgs {
+
+ /** if the event should be canceled; otherwise, false.
+ */
+ cancel?: boolean;
+
+ /** returns the TimePicker model
+ */
+ model?: ej.TimePicker.Model;
+
+ /** returns the name of the event
+ */
+ type?: string;
+
+ /** returns the previously selected time value
+ */
+ prevTime?: string;
+
+ /** returns the time value
+ */
+ value?: string;
+}
+
+export interface CreateEventArgs {
+
+ /** if the event should be canceled; otherwise, false.
+ */
+ cancel?: boolean;
+
+ /** returns the TimePicker model
+ */
+ model?: ej.TimePicker.Model;
+
+ /** returns the name of the event
+ */
+ type?: string;
+}
+
+export interface DestroyEventArgs {
+
+ /** if the event should be canceled; otherwise, false.
+ */
+ cancel?: boolean;
+
+ /** returns the TimePicker model
+ */
+ model?: ej.TimePicker.Model;
+
+ /** returns the name of the event
+ */
+ type?: string;
+}
+
+export interface FocusInEventArgs {
+
+ /** if the event should be canceled; otherwise, false.
+ */
+ cancel?: boolean;
+
+ /** returns the TimePicker model
+ */
+ model?: ej.TimePicker.Model;
+
+ /** returns the name of the event
+ */
+ type?: string;
+
+ /** returns the previously selected time value
+ */
+ prevTime?: string;
+
+ /** returns the current time value
+ */
+ value?: string;
+}
+
+export interface FocusOutEventArgs {
+
+ /** if the event should be canceled; otherwise, false.
+ */
+ cancel?: boolean;
+
+ /** returns the TimePicker model
+ */
+ model?: ej.TimePicker.Model;
+
+ /** returns the name of the event
+ */
+ type?: string;
+
+ /** returns the previously selected time value
+ */
+ prevTime?: string;
+
+ /** returns the current time value
+ */
+ value?: string;
+}
+
+export interface OpenEventArgs {
+
+ /** if the event should be canceled; otherwise, false.
+ */
+ cancel?: boolean;
+
+ /** returns the TimePicker model
+ */
+ model?: ej.TimePicker.Model;
+
+ /** returns the name of the event
+ */
+ type?: string;
+
+ /** returns the time value
+ */
+ value?: string;
+}
+
+export interface SelectEventArgs {
+
+ /** if the event should be canceled; otherwise, false.
+ */
+ cancel?: boolean;
+
+ /** returns the TimePicker model
+ */
+ model?: ej.TimePicker.Model;
+
+ /** returns the name of the event
+ */
+ type?: string;
+
+ /** returns the previously selected time value
+ */
+ prevTime?: string;
+
+ /** returns the selected time value
+ */
+ value?: string;
+}
+}
+
+class ToggleButton extends ej.Widget {
+ static fn: ToggleButton;
+ constructor(element: JQuery, options?: ToggleButton.Model);
+ constructor(element: Element, options?: ToggleButton.Model);
+ model:ToggleButton.Model;
+ defaults:ToggleButton.Model;
+
+ /** Allows you to destroy the ToggleButton widget.
+ * @returns {void}
+ */
+ destroy(): void;
+
+ /** To disable the ToggleButton to prevent all user interactions.
+ * @returns {void}
+ */
+ disable(): void;
+
+ /** To enable the ToggleButton.
+ * @returns {void}
+ */
+ enable(): void;
+}
+export module ToggleButton{
+
+export interface Model {
+
+ /** Specify the icon in active state to the toggle button and it will be aligned from left margin of the button.
+ */
+ activePrefixIcon?: string;
+
+ /** Specify the icon in active state to the toggle button and it will be aligned from right margin of the button.
+ */
+ activeSuffixIcon?: string;
+
+ /** Sets the text when ToggleButton is in active state i.e.,checked state.
+ * @Default {null}
+ */
+ activeText?: string;
+
+ /** Specifies the contentType of the ToggleButton. See ContentType as below
+ * @Default {ej.ContentType.TextOnly}
+ */
+ contentType?: ej.ContentType|string;
+
+ /** Specify the CSS class to the ToggleButton to achieve custom theme.
+ */
+ cssClass?: string;
+
+ /** Specify the icon in default state to the toggle button and it will be aligned from left margin of the button.
+ */
+ defaultPrefixIcon?: string;
+
+ /** Specify the icon in default state to the toggle button and it will be aligned from right margin of the button.
+ */
+ defaultSuffixIcon?: string;
+
+ /** Specifies the text of the ToggleButton, when the control is a default state. i.e., unChecked state.
+ * @Default {null}
+ */
+ defaultText?: string;
+
+ /** Specifies the state of the ToggleButton.
+ * @Default {true}
+ */
+ enabled?: boolean;
+
+ /** Save current model value to browser cookies for maintaining states. When refreshing the ToggleButton control page, the model value is applied from browser cookies or HTML 5local storage.
+ * @Default {false}
+ */
+ enablePersistence?: boolean;
+
+ /** Specify the Right to Left direction of the ToggleButton.
+ * @Default {false}
+ */
+ enableRTL?: boolean;
+
+ /** Specifies the height of the ToggleButton.
+ * @Default {28pixel}
+ */
+ height?: number|string;
+
+ /** It allows to define the characteristics of the ToggleButton control. It will helps to extend the capability of an HTML element.
+ * @Default {{}}
+ */
+ htmlAttributes?: any;
+
+ /** Specifies the image position of the ToggleButton.
+ * @Default {ej.ImagePosition.ImageLeft}
+ */
+ imagePosition?: ej.ImagePosition|string;
+
+ /** Allows to prevents the control switched to checked (active) state.
+ * @Default {false}
+ */
+ preventToggle?: boolean;
+
+ /** Displays the ToggleButton with rounded corners.
+ * @Default {false}
+ */
+ showRoundedCorner?: boolean;
+
+ /** Specifies the size of the ToggleButton. See ButtonSize as below
+ * @Default {ej.ButtonSize.Normal}
+ */
+ size?: ej.ButtonSize|string;
+
+ /** It allows to define the ToggleButton state to checked(Active) or unchecked(Default) at initial time.
+ * @Default {false}
+ */
+ toggleState?: boolean;
+
+ /** Specifies the type of the ToggleButton. See ButtonType as below
+ * @Default {ej.ButtonType.Button}
+ */
+ type?: ej.ButtonType|string;
+
+ /** Specifies the width of the ToggleButton.
+ * @Default {100pixel}
+ */
+ width?: number|string;
+
+ /** Fires when ToggleButton control state is changed successfully. */
+ change? (e: ChangeEventArgs): void;
+
+ /** Fires when ToggleButton control is clicked successfully. */
+ click? (e: ClickEventArgs): void;
+
+ /** Fires when ToggleButton control is created successfully. */
+ create? (e: CreateEventArgs): void;
+
+ /** Fires when ToggleButton control is destroyed successfully. */
+ destroy? (e: DestroyEventArgs): void;
+}
+
+export interface ChangeEventArgs {
+
+ /** if the event should be canceled; otherwise, false.
+ */
+ cancel?: boolean;
+
+ /** return the toggle button checked state
+ */
+ isChecked?: boolean;
+
+ /** returns the toggle button model
+ */
+ model?: ej.ToggleButton.Model;
+
+ /** returns the name of the event
+ */
+ type?: string;
+}
+
+export interface ClickEventArgs {
+
+ /** if the event should be canceled; otherwise, false.
+ */
+ cancel?: boolean;
+
+ /** return the toggle button checked state
+ */
+ isChecked?: boolean;
+
+ /** returns the toggle button model
+ */
+ model?: ej.ToggleButton.Model;
+
+ /** return the toggle button state
+ */
+ status?: boolean;
+
+ /** returns the name of the event
+ */
+ type?: string;
+}
+
+export interface CreateEventArgs {
+
+ /** if the event should be canceled; otherwise, false.
+ */
+ cancel?: boolean;
+
+ /** returns the toggle button model
+ */
+ model?: ej.ToggleButton.Model;
+
+ /** returns the name of the event
+ */
+ type?: string;
+}
+
+export interface DestroyEventArgs {
+
+ /** if the event should be canceled; otherwise, false.
+ */
+ cancel?: boolean;
+
+ /** returns the toggle button model
+ */
+ model?: ej.ToggleButton.Model;
+
+ /** returns the name of the event
+ */
+ type?: string;
+}
+}
+
+class Toolbar extends ej.Widget {
+ static fn: Toolbar;
+ constructor(element: JQuery, options?: Toolbar.Model);
+ constructor(element: Element, options?: Toolbar.Model);
+ model:Toolbar.Model;
+ defaults:Toolbar.Model;
+
+ /** Deselect the specified Toolbar item.
+ * @param {any} The element need to be deselected
+ * @returns {void}
+ */
+ deselectItem(element: any): void;
+
+ /** Deselect the Toolbar item based on specified id.
+ * @param {string} The ID of the element need to be deselected
+ * @returns {void}
+ */
+ deselectItemByID(ID: string): void;
+
+ /** Allows you to destroy the Toolbar widget.
+ * @returns {void}
+ */
+ destroy(): void;
+
+ /** To disable all items in the Toolbar control.
+ * @returns {void}
+ */
+ disable(): void;
+
+ /** Disable the specified Toolbar item.
+ * @param {any} The element need to be disabled
+ * @returns {void}
+ */
+ disableItem(element: any): void;
+
+ /** Disable the Toolbar item based on specified item id in the Toolbar.
+ * @param {string} The ID of the element need to be disabled
+ * @returns {void}
+ */
+ disableItemByID(ID: string): void;
+
+ /** Enable the Toolbar if it is in disabled state.
+ * @returns {void}
+ */
+ enable(): void;
+
+ /** Enable the Toolbar item based on specified item.
+ * @param {any} The element need to be enabled
+ * @returns {void}
+ */
+ enableItem(element: any): void;
+
+ /** Enable the Toolbar item based on specified item id in the Toolbar.
+ * @param {string} The ID of the element need to be enabled
+ * @returns {void}
+ */
+ enableItemByID(ID: string): void;
+
+ /** To hide the Toolbar
+ * @returns {void}
+ */
+ hide(): void;
+
+ /** Remove the item from toolbar, based on specified item.
+ * @param {any} The element need to be removed
+ * @returns {void}
+ */
+ removeItem(element: any): void;
+
+ /** Remove the item from toolbar, based on specified item id in the Toolbar.
+ * @param {string} The ID of the element need to be removed
+ * @returns {void}
+ */
+ removeItemByID(ID: string): void;
+
+ /** Selects the item from toolbar, based on specified item.
+ * @param {any} The element need to be selected
+ * @returns {void}
+ */
+ selectItem(element: any): void;
+
+ /** Selects the item from toolbar, based on specified item id in the Toolbar.
+ * @param {string} The ID of the element need to be selected
+ * @returns {void}
+ */
+ selectItemByID(ID: string): void;
+
+ /** To show the Toolbar.
+ * @returns {void}
+ */
+ show(): void;
+}
+export module Toolbar{
+
+export interface Model {
+
+ /** Sets the root CSS class for Toolbar control to achieve the custom theme.
+ */
+ cssClass?: string;
+
+ /** Specifies dataSource value for the Toolbar control during initialization.
+ * @Default {null}
+ */
+ dataSource?: any;
+
+ /** Specifies the Toolbar control state.
+ * @Default {true}
+ */
+ enabled?: boolean;
+
+ /** Specifies enableRTL property to align the Toolbar control from right to left direction.
+ * @Default {false}
+ */
+ enableRTL?: boolean;
+
+ /** Allows to separate the each UL items in the Toolbar control.
+ * @Default {false}
+ */
+ enableSeparator?: boolean;
+
+ /** Specifies the mapping fields for the data items of the Toolbar
+ * @Default {null}
+ */
+ fields?: string;
+
+ /** Specifies the height of the Toolbar.
+ * @Default {28}
+ */
+ height?: number|string;
+
+ /** Specifies the list of HTML attributes to be added to toolbar control.
+ * @Default {{}}
+ */
+ htmlAttributes?: any;
+
+ /** Specifies whether the Toolbar control is need to be show or hide.
+ * @Default {false}
+ */
+ hide?: boolean;
+
+ /** Enables/Disables the responsive support for Toolbar items during the window resizing time.
+ * @Default {false}
+ */
+ isResponsive?: boolean;
+
+ /** Specifies the Toolbar orientation. See orientation
+ * @Default {Horizontal}
+ */
+ orientation?: ej.Orientation|string;
+
+ /** Specifies the query to retrieve the data from the online server. The query is used only when the online dataSource is used.
+ * @Default {null}
+ */
+ query?: any;
+
+ /** Displays the Toolbar with rounded corners.
+ * @Default {false}
+ */
+ showRoundedCorner?: boolean;
+
+ /** Specifies the width of the Toolbar.
+ */
+ width?: number|string;
+
+ /** Fires after Toolbar control is clicked. */
+ click? (e: ClickEventArgs): void;
+
+ /** Fires after Toolbar control is created. */
+ create? (e: CreateEventArgs): void;
+
+ /** Fires after Toolbar control is focused. */
+ focusOut? (e: FocusOutEventArgs): void;
+
+ /** Fires when the Toolbar is destroyed successfully. */
+ destroy? (e: DestroyEventArgs): void;
+
+ /** Fires after Toolbar control item is hovered. */
+ itemHover? (e: ItemHoverEventArgs): void;
+
+ /** Fires after mouse leave from Toolbar control item. */
+ itemLeave? (e: ItemLeaveEventArgs): void;
+}
+
+export interface ClickEventArgs {
+
+ /** if the event should be canceled; otherwise, false.
+ */
+ cancel?: boolean;
+
+ /** returns the Toolbar model
+ */
+ model?: ej.Toolbar.Model;
+
+ /** returns the name of the event
+ */
+ type?: string;
+
+ /** returns the target of the current object.
+ */
+ target?: any;
+
+ /** returns the target of the current object.
+ */
+ currentTarget?: any;
+
+ /** return the Toolbar state
+ */
+ status?: boolean;
+}
+
+export interface CreateEventArgs {
+
+ /** if the event should be canceled; otherwise, false.
+ */
+ cancel?: boolean;
+
+ /** returns the Toolbar model
+ */
+ model?: ej.Toolbar.Model;
+
+ /** returns the name of the event
+ */
+ type?: string;
+}
+
+export interface FocusOutEventArgs {
+
+ /** if the event should be canceled; otherwise, false.
+ */
+ cancel?: boolean;
+
+ /** returns the Toolbar model
+ */
+ model?: ej.Toolbar.Model;
+
+ /** returns the name of the event
+ */
+ type?: string;
+}
+
+export interface DestroyEventArgs {
+
+ /** if the event should be canceled; otherwise, false.
+ */
+ cancel?: boolean;
+
+ /** returns the Toolbar model
+ */
+ model?: ej.Toolbar.Model;
+
+ /** returns the name of the event
+ */
+ type?: string;
+}
+
+export interface ItemHoverEventArgs {
+
+ /** if the event should be canceled; otherwise, false.
+ */
+ cancel?: boolean;
+
+ /** returns the Toolbar model
+ */
+ model?: ej.Toolbar.Model;
+
+ /** returns the name of the event
+ */
+ type?: string;
+
+ /** returns the target of the current object.
+ */
+ target?: any;
+
+ /** returns the target of the current object.
+ */
+ currentTarget?: any;
+
+ /** return the Toolbar state
+ */
+ status?: boolean;
+}
+
+export interface ItemLeaveEventArgs {
+
+ /** if the event should be canceled; otherwise, false.
+ */
+ cancel?: boolean;
+
+ /** returns the Toolbar model
+ */
+ model?: ej.Toolbar.Model;
+
+ /** returns the name of the event
+ */
+ type?: string;
+
+ /** returns the target of the current object.
+ */
+ target?: any;
+
+ /** returns the target of the current object.
+ */
+ currentTarget?: any;
+
+ /** return the Toolbar state
+ */
+ status?: boolean;
+}
+
+export interface Fields {
+
+ /** Defines the group name for the item.
+ */
+ group?: string;
+
+ /** Defines the HTML attributes such as id, class, styles for the item to extend the capability.
+ */
+ htmlAttributes?: any;
+
+ /** Defines id for the tag.
+ */
+ id?: string;
+
+ /** Defines the image attributes such as height, width, styles and so on.
+ */
+ imageAttributes?: string;
+
+ /** Defines the imageURL for the image location.
+ */
+ imageUrl?: string;
+
+ /** Defines the sprite CSS for the image tag.
+ */
+ spriteCssClass?: string;
+
+ /** Defines the text content for the tag.
+ */
+ text?: string;
+
+ /** Defines the tooltip text for the tag.
+ */
+ tooltipText?: string;
+}
+}
+
+class TreeView extends ej.Widget {
+ static fn: TreeView;
+ constructor(element: JQuery, options?: TreeView.Model);
+ constructor(element: Element, options?: TreeView.Model);
+ model:TreeView.Model;
+ defaults:TreeView.Model;
+
+ /** To add a Node or collection of nodes in TreeView. If target tree node is specified, then the given nodes are added as child of target tree node, otherwise nodes are added in TreeView.
+ * @param {string|any} New node text or JSON object
+ * @param {string|any} ID of TreeView node/object of TreeView node
+ * @returns {void}
+ */
+ addNode(newNodeText: string|any, target: string|any): void;
+
+ /** To add a collection of nodes in TreeView. If target tree node is specified, then the given nodes are added as child of target tree node, otherwise nodes are added in TreeView.
+ * @param {any|Array} New node details in JSON object
+ * @param {string|any} ID of TreeView node/object of TreeView node
+ * @returns {void}
+ */
+ addNodes(collection: any|Array, target: string|any): void;
+
+ /** To check all the nodes in TreeView.
+ * @returns {void}
+ */
+ checkAll(): void;
+
+ /** To check a node in TreeView.
+ * @param {string|any} ID of TreeView node/object of TreeView node
+ * @returns {void}
+ */
+ checkNode(element: string|any): void;
+
+ /** This method is used to collapse all nodes in TreeView control. If you want to collapse all nodes up to the specific level in TreeView control then we need to pass level as argument to this method.
+ * @param {number} TreeView nodes will collapse until the given level
+ * @returns {void}
+ */
+ collapseAll(levelUntil?: number): void;
+
+ /** To collapse a particular node in TreeView.
+ * @param {string|any} ID of TreeView node|object of TreeView node
+ * @returns {void}
+ */
+ collapseNode(element: string|any): void;
+
+ /** To disable the node in the TreeView.
+ * @param {string|any} ID of TreeView node/object of TreeView node
+ * @returns {void}
+ */
+ disableNode(element: string|any): void;
+
+ /** To enable the node in the TreeView.
+ * @param {string|any} ID of TreeView node/object of TreeView node
+ * @returns {void}
+ */
+ enableNode(element: string|any): void;
+
+ /** To ensure that the TreeView node is visible in the TreeView. This method is useful if we need select a TreeView node dynamically.
+ * @param {string|any} ID of TreeView node/object of TreeView node
+ * @returns {boolean}
+ */
+ ensureVisible(element: string|any): boolean;
+
+ /** This method is used to expand all nodes in TreeView control. If you want to expand all nodes up to the specific level in TreeView control then we need to pass level as argument to this method.
+ * @param {number} TreeView nodes will expand until the given level
+ * @returns {void}
+ */
+ expandAll(levelUntil?: number): void;
+
+ /** To expandNode particular node in TreeView.
+ * @param {string|any} ID of TreeView node/object of TreeView node
+ * @returns {void}
+ */
+ expandNode(element: string|any): void;
+
+ /** To get currently checked nodes in TreeView.
+ * @returns {any}
+ */
+ getCheckedNodes(): any;
+
+ /** To get currently checked nodes indexes in TreeView.
+ * @returns {Array}
+ */
+ getCheckedNodesIndex(): Array;
+
+ /** This method is used to get immediate child nodes of a node in TreeView control. If you want to get the all child nodes include nested child nodes then we need to pass includeNestedChild as true along with element arguments to this method.
+ * @param {string|any} ID of TreeView node/object of TreeView node
+ * @param {boolean} Weather include nested child nodes of TreeView node
+ * @returns {Array}
+ */
+ getChildren(element: string|any, includeNestedChild?: boolean): Array;
+
+ /** To get number of nodes in TreeView.
+ * @returns {number}
+ */
+ getNodeCount(): number;
+
+ /** To get currently expanded nodes in TreeView.
+ * @returns {any}
+ */
+ getExpandedNodes(): any;
+
+ /** To get currently expanded nodes indexes in TreeView.
+ * @returns {Array}
+ */
+ getExpandedNodesIndex(): Array;
+
+ /** To get TreeView node by using index position in TreeView.
+ * @param {number} Index position of TreeView node
+ * @returns {any}
+ */
+ getNodeByIndex(index: number): any;
+
+ /** To get TreeView node data such as id, text, parentId, selected, checked, expanded, level, childes and index.
+ * @param {string|any} ID of TreeView node/object of TreeView node
+ * @returns {any}
+ */
+ getNode(element: string|any): any;
+
+ /** To get current index position of TreeView node.
+ * @param {string|any} ID of TreeView node/object of TreeView node
+ * @returns {number}
+ */
+ getNodeIndex(element: string|any): number;
+
+ /** To get immediate parent TreeView node of particular TreeView node.
+ * @param {string|any} ID of TreeView node/object of TreeView node
+ * @returns {any}
+ */
+ getParent(element: string|any): any;
+
+ /** To get the currently selected node in TreeView.
+ * @returns {any}
+ */
+ getSelectedNode(): any;
+
+ /** To get the currently selected nodes in TreeView.
+ * @returns {Array}
+ */
+ getSelectedNodes(): Array;
+
+ /** To get the index position of currently selected node in TreeView.
+ * @returns {number}
+ */
+ getSelectedNodeIndex(): number;
+
+ /** To get the index positions of currently selected nodes in TreeView.
+ * @returns {Array}
+ */
+ getSelectedNodesIndex(): Array;
+
+ /** To get the text of a node in TreeView.
+ * @param {string|any} ID of TreeView node/object of TreeView node
+ * @returns {string}
+ */
+ getText(element: string|any): string;
+
+ /** To get the updated datasource of TreeView after performing some operation like drag and drop, node editing, adding and removing node.
+ * @param {string|number} ID of TreeView node
+ * @returns {Array}
+ */
+ getTreeData(id?: string|number): Array;
+
+ /** To get currently visible nodes in TreeView.
+ * @returns {any}
+ */
+ getVisibleNodes(): any;
+
+ /** To check a node having child or not.
+ * @param {string|any} ID of TreeView node/object of TreeView node
+ * @returns {boolean}
+ */
+ hasChildNode(element: string|any): boolean;
+
+ /** To show nodes in TreeView.
+ * @returns {void}
+ */
+ hide(): void;
+
+ /** To hide particular node in TreeView.
+ * @param {string|any} ID of TreeView node/object of TreeView node
+ * @returns {void}
+ */
+ hideNode(element: string|any): void;
+
+ /** To add a Node or collection of nodes after the particular TreeView node.
+ * @param {string|any} New node text or JSON object
+ * @param {string|any} ID of TreeView node/object of TreeView node
+ * @returns {void}
+ */
+ insertAfter(newNodeText: string|any, target: string|any): void;
+
+ /** To add a Node or collection of nodes before the particular TreeView node.
+ * @param {string|any} New node text or JSON object
+ * @param {string|any} ID of TreeView node/object of TreeView node
+ * @returns {void}
+ */
+ insertBefore(newNodeText: string|any, target: string|any): void;
+
+ /** To check the given TreeView node is checked or unchecked.
+ * @param {string|any} ID of TreeView node/object of TreeView node
+ * @returns {boolean}
+ */
+ isNodeChecked(element: string|any): boolean;
+
+ /** To check whether the child nodes are loaded of the given TreeView node.
+ * @param {string|any} ID of TreeView node/object of TreeView node
+ * @returns {boolean}
+ */
+ isChildLoaded(element: string|any): boolean;
+
+ /** To check the given TreeView node is disabled or enabled.
+ * @param {string|any} ID of TreeView node/object of TreeView node
+ * @returns {boolean}
+ */
+ isDisabled(element: string|any): boolean;
+
+ /** To check the given node is exist in TreeView.
+ * @param {string|any} ID of TreeView node/object of TreeView node
+ * @returns {boolean}
+ */
+ isExist(element: string|any): boolean;
+
+ /** To get the expand status of the given TreeView node.
+ * @param {string|any} ID of TreeView node/object of TreeView node
+ * @returns {boolean}
+ */
+ isExpanded(element: string|any): boolean;
+
+ /** To get the select status of the given TreeView node.
+ * @param {string|any} ID of TreeView node/object of TreeView node
+ * @returns {boolean}
+ */
+ isSelected(element: string|any): boolean;
+
+ /** To get the visibility status of the given TreeView node.
+ * @param {string|any} ID of TreeView node/object of TreeView node
+ * @returns {boolean}
+ */
+ isVisible(element: string|any): boolean;
+
+ /** To load the TreeView nodes from the particular URL. If target tree node is specified, then the given nodes are added as child of target tree node, otherwise nodes are added in TreeView.
+ * @param {string} URL location, the data returned from the URL will be loaded in TreeView
+ * @param {string|any} ID of TreeView node/object of TreeView node
+ * @returns {void}
+ */
+ loadData(URL: string, target: string|any): void;
+
+ /** To move the TreeView node with in same TreeView. The new position of given TreeView node will be based on destination node and index position.
+ * @param {string|any} ID of TreeView node/object of TreeView node
+ * @param {string|any} ID of TreeView node/object of TreeView node
+ * @param {number} New index position of given source node
+ * @returns {void}
+ */
+ moveNode(sourceNode: string|any, destinationNode: string|any, index: number): void;
+
+ /** To refresh the TreeView
+ * @returns {void}
+ */
+ refresh(): void;
+
+ /** To remove all the nodes in TreeView.
+ * @returns {void}
+ */
+ removeAll(): void;
+
+ /** To remove a node in TreeView.
+ * @param {string|any} ID of TreeView node/object of TreeView node
+ * @returns {void}
+ */
+ removeNode(element: string|any): void;
+
+ /** To select all the TreeView nodes when enable allowMultiSelection property.
+ * @returns {void}
+ */
+ selectAll(): void;
+
+ /** This method is used to select a node in TreeView control. If you want to select the collection of nodes in TreeView control then we need to enable allowMultiSelection property.
+ * @param {string|any|Array} ID of TreeView node/object of TreeView node/ collection of ID/object of TreeView nodes
+ * @returns {void}
+ */
+ selectNode(element: string|any|Array): void;
+
+ /** To show nodes in TreeView.
+ * @returns {void}
+ */
+ show(): void;
+
+ /** To show a node in TreeView.
+ * @param {string|any} ID of TreeView node/object of TreeView node
+ * @returns {void}
+ */
+ showNode(element: string|any): void;
+
+ /** To uncheck all the nodes in TreeView.
+ * @returns {void}
+ */
+ unCheckAll(): void;
+
+ /** To uncheck a node in TreeView.
+ * @param {string|any} ID of TreeView node/object of TreeView node
+ * @returns {void}
+ */
+ uncheckNode(element: string|any): void;
+
+ /** To unselect all the TreeView nodes when enable allowMultiSelection property.
+ * @returns {void}
+ */
+ unselectAll(): void;
+
+ /** This method is used to unselect a node in TreeView control. If you want to unselect the collection of nodes in TreeView control then we need to enable allowMultiSelection property.
+ * @param {string|any|Array} ID of TreeView node/object of TreeView node/ collection of ID/object of TreeView nodes
+ * @returns {void}
+ */
+ unselectNode(element: string|any|Array): void;
+
+ /** To edit or update the text of the TreeView node.
+ * @param {string|any} ID of TreeView node/object of TreeView node
+ * @param {string} New text
+ * @returns {void}
+ */
+ updateText(target: string|any, newText: string): void;
+}
+export module TreeView{
+
+export interface Model {
+
+ /** Gets or sets a value that indicates whether to enable drag and drop a node within the same tree.
+ * @Default {false}
+ */
+ allowDragAndDrop?: boolean;
+
+ /** Gets or sets a value that indicates whether to enable drag and drop a node in inter ej.TreeView.
+ * @Default {true}
+ */
+ allowDragAndDropAcrossControl?: boolean;
+
+ /** Gets or sets a value that indicates whether to drop a node to a sibling of particular node.
+ * @Default {true}
+ */
+ allowDropSibling?: boolean;
+
+ /** Gets or sets a value that indicates whether to drop a node to a child of particular node.
+ * @Default {true}
+ */
+ allowDropChild?: boolean;
+
+ /** Gets or sets a value that indicates whether to enable node editing support for TreeView.
+ * @Default {false}
+ */
+ allowEditing?: boolean;
+
+ /** Gets or sets a value that indicates whether to enable keyboard support for TreeView actions like nodeSelection, nodeEditing, nodeExpand, nodeCollapse, nodeCut and Paste.
+ * @Default {true}
+ */
+ allowKeyboardNavigation?: boolean;
+
+ /** Gets or sets a value that indicates whether to enable multi selection support for TreeView.
+ * @Default {false}
+ */
+ allowMultiSelection?: boolean;
+
+ /** Allow us to specify the parent and child nodes to get auto check while we check or uncheck a node.
+ * @Default {true}
+ */
+ autoCheck?: boolean;
+
+ /** Allow us to specify the parent node to be retain in checked or unchecked state instead of going for indeterminate state.
+ * @Default {false}
+ */
+ autoCheckParentNode?: boolean;
+
+ /** Gets or sets a value that indicates the checkedNodes index collection as an array. The given array index position denotes the nodes, that are checked while rendering TreeView.
+ * @Default {[]}
+ */
+ checkedNodes?: Array;
+
+ /** Sets the root CSS class for TreeView which allow us to customize the appearance.
+ */
+ cssClass?: string;
+
+ /** Gets or sets a value that indicates whether to enable or disable the animation effect while expanding or collapsing a node.
+ * @Default {true}
+ */
+ enableAnimation?: boolean;
+
+ /** Gets or sets a value that indicates whether a TreeView can be enabled or disabled. No actions can be performed while this property is set as false
+ * @Default {true}
+ */
+ enabled?: boolean;
+
+ /** Allow us to prevent multiple nodes to be in expanded state. If it set to false, previously expanded node will be collapsed automatically, while we expand a node.
+ * @Default {true}
+ */
+ enableMultipleExpand?: boolean;
+
+ /** Sets a value that indicates whether to persist the TreeView model state in page using applicable medium i.e., HTML5 localStorage or cookies
+ * @Default {false}
+ */
+ enablePersistence?: boolean;
+
+ /** Gets or sets a value that indicates to align content in the TreeView control from right to left by setting the property as true.
+ * @Default {false}
+ */
+ enableRTL?: boolean;
+
+ /** Gets or sets a array of value that indicates the expandedNodes index collection as an array. The given array index position denotes the nodes, that are expanded while rendering TreeView.
+ * @Default {[]}
+ */
+ expandedNodes?: Array;
+
+ /** Gets or sets a value that indicates the TreeView node can be expand or collapse by using the specified action.
+ * @Default {dblclick}
+ */
+ expandOn?: string;
+
+ /** Gets or sets a fields object that allow us to map the data members with field properties in order to make the data binding easier.
+ * @Default {null}
+ */
+ fields?: Fields;
+
+ /** Defines the height of the TreeView.
+ * @Default {Null}
+ */
+ height?: string|number;
+
+ /** Specifies the HTML Attributes for the TreeView. Using this API we can add custom attributes in TreeView control.
+ * @Default {{}}
+ */
+ htmlAttributes?: any;
+
+ /** Specifies the child nodes to be loaded on demand
+ * @Default {false}
+ */
+ loadOnDemand?: boolean;
+
+ /** Gets or Sets a value that indicates the index position of a tree node. The particular index tree node will be selected while rendering the TreeView.
+ * @Default {-1}
+ */
+ selectedNode?: number;
+
+ /** Gets or sets a value that indicates the selectedNodes index collection as an array. The given array index position denotes the nodes, that are selected while rendering TreeView.
+ * @Default {[]}
+ */
+ selectedNodes?: Array;
+
+ /** Gets or sets a value that indicates whether to display or hide checkbox for all TreeView nodes.
+ * @Default {false}
+ */
+ showCheckbox?: boolean;
+
+ /** By using sortSettings property, you can customize the sorting option in TreeView control.
+ */
+ sortSettings?: SortSettings;
+
+ /** Allow us to use custom template in order to create TreeView.
+ * @Default {null}
+ */
+ template?: string;
+
+ /** Defines the width of the TreeView.
+ * @Default {Null}
+ */
+ width?: string|number;
+
+ /** Fires before adding node to TreeView. */
+ beforeAdd? (e: BeforeAddEventArgs): void;
+
+ /** Fires before collapse a node. */
+ beforeCollapse? (e: BeforeCollapseEventArgs): void;
+
+ /** Fires before cut node in TreeView. */
+ beforeCut? (e: BeforeCutEventArgs): void;
+
+ /** Fires before deleting node in TreeView. */
+ beforeDelete? (e: BeforeDeleteEventArgs): void;
+
+ /** Fires before editing the node in TreeView. */
+ beforeEdit? (e: BeforeEditEventArgs): void;
+
+ /** Fires before expanding the node. */
+ beforeExpand? (e: BeforeExpandEventArgs): void;
+
+ /** Fires before loading nodes to TreeView. */
+ beforeLoad? (e: BeforeLoadEventArgs): void;
+
+ /** Fires before paste node in TreeView. */
+ beforePaste? (e: BeforePasteEventArgs): void;
+
+ /** Fires before selecting node in TreeView. */
+ beforeSelect? (e: BeforeSelectEventArgs): void;
+
+ /** Fires when TreeView created successfully. */
+ create? (e: CreateEventArgs): void;
+
+ /** Fires when TreeView destroyed successfully. */
+ destroy? (e: DestroyEventArgs): void;
+
+ /** Fires before nodeEdit Successful. */
+ inlineEditValidation? (e: InlineEditValidationEventArgs): void;
+
+ /** Fires when key pressed successfully. */
+ keyPress? (e: KeyPressEventArgs): void;
+
+ /** Fires when data load fails. */
+ loadError? (e: LoadErrorEventArgs): void;
+
+ /** Fires when data loaded successfully. */
+ loadSuccess? (e: LoadSuccessEventArgs): void;
+
+ /** Fires once node added successfully. */
+ nodeAdd? (e: NodeAddEventArgs): void;
+
+ /** Fires once node checked successfully. */
+ nodeCheck? (e: NodeCheckEventArgs): void;
+
+ /** Fires when node clicked successfully. */
+ nodeClick? (e: NodeClickEventArgs): void;
+
+ /** Fires when node collapsed successfully. */
+ nodeCollapse? (e: NodeCollapseEventArgs): void;
+
+ /** Fires when node cut successfully. */
+ nodeCut? (e: NodeCutEventArgs): void;
+
+ /** Fires when node deleted successfully. */
+ nodeDelete? (e: NodeDeleteEventArgs): void;
+
+ /** Fires when node dragging. */
+ nodeDrag? (e: NodeDragEventArgs): void;
+
+ /** Fires once node drag start successfully. */
+ nodeDragStart? (e: NodeDragStartEventArgs): void;
+
+ /** Fires before the dragged node to be dropped. */
+ nodeDragStop? (e: NodeDragStopEventArgs): void;
+
+ /** Fires once node dropped successfully. */
+ nodeDropped? (e: NodeDroppedEventArgs): void;
+
+ /** Fires once node edited successfully. */
+ nodeEdit? (e: NodeEditEventArgs): void;
+
+ /** Fires once node expanded successfully. */
+ nodeExpand? (e: NodeExpandEventArgs): void;
+
+ /** Fires once node pasted successfully. */
+ nodePaste? (e: NodePasteEventArgs): void;
+
+ /** Fires when node selected successfully. */
+ nodeSelect? (e: NodeSelectEventArgs): void;
+
+ /** Fires once node unchecked successfully. */
+ nodeUncheck? (e: NodeUncheckEventArgs): void;
+
+ /** Fires once node unselected successfully. */
+ nodeUnselect? (e: NodeUnselectEventArgs): void;
+
+ /** Fires when TreeView nodes are loaded successfully */
+ ready? (e: ReadyEventArgs): void;
+}
+
+export interface BeforeAddEventArgs {
+
+ /** if the event should be canceled; otherwise, false.
+ */
+ cancel?: boolean;
+
+ /** returns the TreeView model
+ */
+ model?: ej.TreeView.Model;
+
+ /** returns the name of the event
+ */
+ type?: string;
+
+ /** returns the given new node data
+ */
+ data?: string|any;
+
+ /** returns the parent element, the given new nodes to be appended to the given parent element
+ */
+ targetParent?: any;
+
+ /** returns the given parent node details
+ */
+ parentDetails?: any;
+}
+
+export interface BeforeCollapseEventArgs {
+
+ /** if the event should be canceled; otherwise, false.
+ */
+ cancel?: boolean;
+
+ /** returns the TreeView model
+ */
+ model?: ej.TreeView.Model;
+
+ /** returns the name of the event
+ */
+ type?: string;
+
+ /** returns the value of the node
+ */
+ value?: string;
+
+ /** returns the current element of the node clicked
+ */
+ currentElement?: any;
+
+ /** returns the child nodes are loaded or not
+ */
+ isChildLoaded?: boolean;
+
+ /** returns the id of currently clicked node
+ */
+ id?: string;
+
+ /** returns the parent id of currently clicked node
+ */
+ parentId?: string;
+
+ /** returns the format asynchronous or synchronous
+ */
+ async?: boolean;
+}
+
+export interface BeforeCutEventArgs {
+
+ /** if the event should be canceled; otherwise, false.
+ */
+ cancel?: boolean;
+
+ /** returns the TreeView model
+ */
+ model?: ej.TreeView.Model;
+
+ /** returns the name of the event
+ */
+ type?: string;
+
+ /** returns the event object
+ */
+ event?: any;
+
+ /** returns the target element, the given node to be cut
+ */
+ target?: any;
+
+ /** returns the given target node values
+ */
+ nodeDetails?: any;
+
+ /** returns the key pressed key code value
+ */
+ keyCode?: number;
+}
+
+export interface BeforeDeleteEventArgs {
+
+ /** if the event should be canceled; otherwise, false.
+ */
+ cancel?: boolean;
+
+ /** returns the TreeView model
+ */
+ model?: ej.TreeView.Model;
+
+ /** returns the name of the event
+ */
+ type?: string;
+
+ /** returns the event object
+ */
+ event?: any;
+
+ /** returns the target element, the given node to be deleted
+ */
+ target?: any;
+
+ /** returns the given target node values
+ */
+ nodeDetails?: any;
+
+ /** returns the current parent element of the target node
+ */
+ parentElement?: any;
+
+ /** returns the parent node values
+ */
+ parentDetails?: any;
+
+ /** returns the currently removed nodes
+ */
+ removedNodes?: Array;
+}
+
+export interface BeforeEditEventArgs {
+
+ /** if the event should be canceled; otherwise, false.
+ */
+ cancel?: boolean;
+
+ /** returns the TreeView model
+ */
+ model?: ej.TreeView.Model;
+
+ /** returns the name of the event
+ */
+ type?: string;
+
+ /** returns the current element of the node clicked
+ */
+ currentElement?: any;
+}
+
+export interface BeforeExpandEventArgs {
+
+ /** if the event should be canceled; otherwise, false.
+ */
+ cancel?: boolean;
+
+ /** returns the TreeView model
+ */
+ model?: ej.TreeView.Model;
+
+ /** returns the name of the event
+ */
+ type?: string;
+
+ /** returns the value of the node
+ */
+ value?: string;
+
+ /** if the child node is ready to expanded state; otherwise, false.
+ */
+ isChildLoaded?: boolean;
+
+ /** returns the current element of the node clicked
+ */
+ currentElement?: any;
+
+ /** returns the id of currently clicked node
+ */
+ id?: string;
+
+ /** returns the parent id of currently clicked node
+ */
+ parentId?: string;
+
+ /** returns the format asynchronous or synchronous
+ */
+ async?: boolean;
+}
+
+export interface BeforeLoadEventArgs {
+
+ /** if the event should be canceled; otherwise, false.
+ */
+ cancel?: boolean;
+
+ /** returns the TreeView model
+ */
+ model?: ej.TreeView.Model;
+
+ /** returns the name of the event
+ */
+ type?: string;
+
+ /** returns the AJAX settings object
+ */
+ AjaxOptions?: any;
+}
+
+export interface BeforePasteEventArgs {
+
+ /** if the event should be canceled; otherwise, false.
+ */
+ cancel?: boolean;
+
+ /** returns the TreeView model
+ */
+ model?: ej.TreeView.Model;
+
+ /** returns the name of the event
+ */
+ type?: string;
+
+ /** returns the event object
+ */
+ event?: any;
+
+ /** returns the target element, the given node to be pasted
+ */
+ target?: any;
+
+ /** returns the given target node values
+ */
+ nodeDetails?: any;
+
+ /** returns the key pressed key code value
+ */
+ keyCode?: number;
+}
+
+export interface BeforeSelectEventArgs {
+
+ /** if the event should be canceled; otherwise, false.
+ */
+ cancel?: boolean;
+
+ /** returns the TreeView model
+ */
+ model?: ej.TreeView.Model;
+
+ /** returns the name of the event
+ */
+ type?: string;
+
+ /** returns the target element, the given node to be selected
+ */
+ target?: any;
+
+ /** returns the given target node values
+ */
+ nodeDetails?: any;
+}
+
+export interface CreateEventArgs {
+
+ /** if the event should be canceled; otherwise, false.
+ */
+ cancel?: boolean;
+
+ /** returns the TreeView model
+ */
+ model?: ej.TreeView.Model;
+
+ /** returns the name of the event
+ */
+ type?: string;
+}
+
+export interface DestroyEventArgs {
+
+ /** if the event should be canceled; otherwise, false.
+ */
+ cancel?: boolean;
+
+ /** returns the TreeView model
+ */
+ model?: ej.TreeView.Model;
+
+ /** returns the name of the event
+ */
+ type?: string;
+}
+
+export interface InlineEditValidationEventArgs {
+
+ /** if the event should be canceled; otherwise, false.
+ */
+ cancel?: boolean;
+
+ /** returns the TreeView model
+ */
+ model?: ej.TreeView.Model;
+
+ /** returns the name of the event
+ */
+ type?: string;
+
+ /** returns the new entered text for the node
+ */
+ newText?: string;
+
+ /** returns the current node element id
+ */
+ id?: any;
+
+ /** returns the old node text
+ */
+ oldText?: string;
+}
+
+export interface KeyPressEventArgs {
+
+ /** if the event should be canceled; otherwise, false.
+ */
+ cancel?: boolean;
+
+ /** returns the TreeView model
+ */
+ model?: ej.TreeView.Model;
+
+ /** returns the name of the event
+ */
+ type?: string;
+
+ /** returns the event object
+ */
+ event?: any;
+
+ /** returns the current element of the node clicked
+ */
+ currentElement?: any;
+
+ /** returns the value of the node
+ */
+ value?: string;
+
+ /** returns node path from root element
+ */
+ path?: string;
+
+ /** returns the key pressed key code value
+ */
+ keyCode?: number;
+
+ /** it returns when the current node is in expanded state; otherwise, false.
+ */
+ isExpanded?: boolean;
+}
+
+export interface LoadErrorEventArgs {
+
+ /** if the event should be canceled; otherwise, false.
+ */
+ cancel?: boolean;
+
+ /** returns the TreeView model
+ */
+ model?: ej.TreeView.Model;
+
+ /** returns the name of the event
+ */
+ type?: string;
+
+ /** returns the AJAX error object
+ */
+ error?: any;
+}
+
+export interface LoadSuccessEventArgs {
+
+ /** if the event should be canceled; otherwise, false.
+ */
+ cancel?: boolean;
+
+ /** returns the TreeView model
+ */
+ model?: ej.TreeView.Model;
+
+ /** returns the name of the event
+ */
+ type?: string;
+
+ /** returns the success data from the URL
+ */
+ data?: any;
+
+ /** returns the target parent element, the data returned from the URL to be appended to the given parent element, else in TreeView
+ */
+ targetParent?: any;
+
+ /** returns the given parent node details
+ */
+ parentDetails?: any;
+}
+
+export interface NodeAddEventArgs {
+
+ /** if the event should be canceled; otherwise, false.
+ */
+ cancel?: boolean;
+
+ /** returns the TreeView model
+ */
+ model?: ej.TreeView.Model;
+
+ /** returns the name of the event
+ */
+ type?: string;
+
+ /** returns the added data, that are given initially
+ */
+ data?: any;
+
+ /** returns the newly added elements
+ */
+ nodes?: any;
+
+ /** returns the target parent element of the added element
+ */
+ parentElement?: any;
+
+ /** returns the given parent node details
+ */
+ parentDetails?: any;
+}
+
+export interface NodeCheckEventArgs {
+
+ /** if the event should be canceled; otherwise, false.
+ */
+ cancel?: boolean;
+
+ /** returns the TreeView model
+ */
+ model?: ej.TreeView.Model;
+
+ /** returns the name of the event
+ */
+ type?: string;
+
+ /** returns the event object
+ */
+ event?: any;
+
+ /** returns the value of the node
+ */
+ value?: string;
+
+ /** returns the id of the current element of the node clicked
+ */
+ id?: string;
+
+ /** returns the id of the parent element of current element of the node clicked
+ */
+ parentId?: string;
+
+ /** returns the current element of the node clicked
+ */
+ currentElement?: any;
+
+ /** it returns true when the node checkbox is checked; otherwise, false.
+ */
+ isChecked?: boolean;
+
+ /** it returns the currently checked node name
+ */
+ currentNode?: Array;
+
+ /** it returns the currently checked and its child node details
+ */
+ currentCheckedNodes?: Array;
+}
+
+export interface NodeClickEventArgs {
+
+ /** if the event should be canceled; otherwise, false.
+ */
+ cancel?: boolean;
+
+ /** returns the TreeView model
+ */
+ model?: ej.TreeView.Model;
+
+ /** returns the name of the event
+ */
+ type?: string;
+
+ /** returns the event object
+ */
+ event?: any;
+
+ /** returns the current element of the node clicked
+ */
+ currentElement?: any;
+
+ /** returns the id of current element
+ */
+ id?: string;
+
+ /** returns the parentId of current element
+ */
+ parentId?: string;
+}
+
+export interface NodeCollapseEventArgs {
+
+ /** if the event should be canceled; otherwise, false.
+ */
+ cancel?: boolean;
+
+ /** returns the TreeView model
+ */
+ model?: ej.TreeView.Model;
+
+ /** returns the id of the current element of the node clicked
+ */
+ id?: string;
+
+ /** returns the name of the event
+ */
+ type?: string;
+
+ /** returns the id of the parent element of current element of the node clicked
+ */
+ parentId?: string;
+
+ /** returns the value of the node
+ */
+ value?: string;
+
+ /** returns the current element of the node clicked
+ */
+ currentElement?: any;
+
+ /** returns the child nodes are loaded or not
+ */
+ isChildLoaded?: boolean;
+
+ /** returns the format asynchronous or synchronous
+ */
+ async?: boolean;
+}
+
+export interface NodeCutEventArgs {
+
+ /** if the event should be canceled; otherwise, false.
+ */
+ cancel?: boolean;
+
+ /** returns the TreeView model
+ */
+ model?: ej.TreeView.Model;
+
+ /** returns the name of the event
+ */
+ type?: string;
+
+ /** returns the event object
+ */
+ event?: any;
+
+ /** returns the current parent element of the cut node
+ */
+ parentElement?: any;
+
+ /** returns the given parent node details
+ */
+ parentDetails?: any;
+
+ /** returns the key pressed key code value
+ */
+ keyCode?: number;
+}
+
+export interface NodeDeleteEventArgs {
+
+ /** if the event should be canceled; otherwise, false.
+ */
+ cancel?: boolean;
+
+ /** returns the TreeView model
+ */
+ model?: ej.TreeView.Model;
+
+ /** returns the name of the event
+ */
+ type?: string;
+
+ /** returns the event object
+ */
+ event?: any;
+
+ /** returns the current parent element of the deleted node
+ */
+ parentElement?: any;
+
+ /** returns the given parent node details
+ */
+ parentDetails?: any;
+
+ /** returns the currently removed nodes
+ */
+ removedNodes?: Array;
+}
+
+export interface NodeDragEventArgs {
+
+ /** if the event should be canceled; otherwise, false.
+ */
+ cancel?: boolean;
+
+ /** returns the TreeView model
+ */
+ model?: ej.TreeView.Model;
+
+ /** returns the name of the event
+ */
+ type?: string;
+
+ /** returns the original drag target
+ */
+ dragTarget?: any;
+
+ /** returns the current target TreeView node
+ */
+ target?: any;
+
+ /** returns the current target details
+ */
+ targetElementData?: any;
+
+ /** returns the current parent element of the target node
+ */
+ draggedElement?: any;
+
+ /** returns the given parent node details
+ */
+ draggedElementData?: any;
+
+ /** returns the event object
+ */
+ event?: any;
+}
+
+export interface NodeDragStartEventArgs {
+
+ /** if the event should be canceled; otherwise, false.
+ */
+ cancel?: boolean;
+
+ /** returns the TreeView model
+ */
+ model?: ej.TreeView.Model;
+
+ /** returns the name of the event
+ */
+ type?: string;
+
+ /** returns the original drag target
+ */
+ dragTarget?: any;
+
+ /** returns the current dragging parent TreeView node
+ */
+ parentElement?: any;
+
+ /** returns the current dragging parent TreeView node details
+ */
+ parentElementData?: any;
+
+ /** returns the current parent element of the dragging node
+ */
+ target?: any;
+
+ /** returns the given parent node details
+ */
+ targetElementData?: any;
+
+ /** returns the event object
+ */
+ event?: any;
+}
+
+export interface NodeDragStopEventArgs {
+
+ /** if the event should be canceled; otherwise, false.
+ */
+ cancel?: boolean;
+
+ /** returns the TreeView model
+ */
+ model?: ej.TreeView.Model;
+
+ /** returns the name of the event
+ */
+ type?: string;
+
+ /** returns the original drop target
+ */
+ dropTarget?: any;
+
+ /** returns the current dragged TreeView node
+ */
+ draggedElement?: any;
+
+ /** returns the current dragged TreeView node details
+ */
+ draggedElementData?: any;
+
+ /** returns the current parent element of the dragged node
+ */
+ target?: any;
+
+ /** returns the given parent node details
+ */
+ targetElementData?: any;
+
+ /** returns the drop position such as before, after or over
+ */
+ position?: string;
+
+ /** returns the event object
+ */
+ event?: any;
+}
+
+export interface NodeDroppedEventArgs {
+
+ /** if the event should be canceled; otherwise, false.
+ */
+ cancel?: boolean;
+
+ /** returns the TreeView model
+ */
+ model?: ej.TreeView.Model;
+
+ /** returns the name of the event
+ */
+ type?: string;
+
+ /** returns the original drop target
+ */
+ dropTarget?: any;
+
+ /** returns the current dropped TreeView node
+ */
+ droppedElement?: any;
+
+ /** returns the current dropped TreeView node details
+ */
+ droppedElementData?: any;
+
+ /** returns the current parent element of the dropped node
+ */
+ target?: any;
+
+ /** returns the given parent node details
+ */
+ targetElementData?: any;
+
+ /** returns the drop position such as before, after or over
+ */
+ position?: string;
+
+ /** returns the event object
+ */
+ event?: any;
+}
+
+export interface NodeEditEventArgs {
+
+ /** if the event should be canceled; otherwise, false.
+ */
+ cancel?: boolean;
+
+ /** returns the TreeView model
+ */
+ model?: ej.TreeView.Model;
+
+ /** returns the name of the event
+ */
+ type?: string;
+
+ /** returns the id of the element
+ */
+ id?: string;
+
+ /** returns the oldText of the element
+ */
+ oldText?: string;
+
+ /** returns the newText of the element
+ */
+ newText?: string;
+
+ /** returns the event object
+ */
+ event?: any;
+
+ /** returns the target element, the given node to be cut
+ */
+ target?: any;
+
+ /** returns the given target node values
+ */
+ nodeDetails?: any;
+}
+
+export interface NodeExpandEventArgs {
+
+ /** if the event should be canceled; otherwise, false.
+ */
+ cancel?: boolean;
+
+ /** returns the TreeView model
+ */
+ model?: ej.TreeView.Model;
+
+ /** returns the name of the event
+ */
+ type?: string;
+
+ /** returns the value of the node
+ */
+ value?: string;
+
+ /** if the child node is ready to expanded state; otherwise, false.
+ */
+ isChildLoaded?: boolean;
+
+ /** returns the current element of the node clicked
+ */
+ currentElement?: any;
+
+ /** returns the id of currently clicked node
+ */
+ id?: string;
+
+ /** returns the parent id of currently clicked node
+ */
+ parentId?: string;
+
+ /** returns the format asynchronous or synchronous
+ */
+ async?: boolean;
+}
+
+export interface NodePasteEventArgs {
+
+ /** if the event should be canceled; otherwise, false.
+ */
+ cancel?: boolean;
+
+ /** returns the TreeView model
+ */
+ model?: ej.TreeView.Model;
+
+ /** returns the name of the event
+ */
+ type?: string;
+
+ /** returns the event object
+ */
+ event?: any;
+
+ /** returns the pasted element
+ */
+ target?: any;
+
+ /** returns the given target node values
+ */
+ nodeDetails?: any;
+
+ /** returns the key pressed key code value
+ */
+ keyCode?: number;
+}
+
+export interface NodeSelectEventArgs {
+
+ /** if the event should be canceled; otherwise, false.
+ */
+ cancel?: boolean;
+
+ /** returns the TreeView model
+ */
+ model?: ej.TreeView.Model;
+
+ /** returns the name of the event
+ */
+ type?: string;
+
+ /** returns the id of the current element of the node clicked
+ */
+ id?: any;
+
+ /** returns the id of the parent element of current element of the node clicked
+ */
+ parentId?: any;
+
+ /** returns the current selected nodes index of TreeView
+ */
+ selectedNodes?: Array