API Configuration

17 May 20162 minutes to read

It is possible to get and set the various properties available within the controls after its creation.

Getting API values

The API values can be accessed/retrieved by using either of the following ways.

  • JAVASCRIPT
    • 1. $("jquery-selector").<ejm-plugin-name>("model.propertyName");

Example:  $("#myDate").ejmDatePicker("model.dateFormat");


2. $("jquery-selector").<ejm-plugin-name>("option", "propertyName");

Example:  $("#myDate").ejmDatePicker("option", "dateFormat");

    Setting values to the API

    It is possible to set new values to the properties of the Syncfusion widgets during or after the control initialization as described.

    During Initialization

  • JAVASCRIPT
    • 1. <<HtmlTag> data-role="<ejm-plug-in-name>" data-ej-"<propertyName>"= "<value>"/> **[Recommended method]**

Example:  <input id="myDate" data-role="ejmdatepicker" data-ej-value="01/01/2000" />

2. $("jquery-selector").<ejm-plugin-name>({ propertyName1 : value1, propertyName2: value2, … });

Example:  $("#myDate").ejmDatePicker({ value: "01/01/2015", dateFormat: "MM/dd/yyyy" });

    After initialization

  • JAVASCRIPT
    • 1. var obj = $("jquery-selector").data("<ejm-plugin-name>");  **[Recommended method]**

obj.option({ propertyName: value });

Example:  var dateObject = $("#myDate").data("ejmDatePicker");

         dateObject.option({ dateFormat: "dd/MM/yyyy" });

2. $("jquery-selector").<ejm-plugin-name>("model.propertyName", "value");

Example:  $("#myDate").ejmDatePicker("model.dateFormat", "dd/MM/yyyy" );

3. $("jquery-selector").<ejm-plugin-name>("option", "propertyName", "value");

Example:  $("#myDate").ejmDatePicker("option", "dateFormat", "dd/MM/yyyy");