disabled property doesn't work properly

[youkouParticipant]

Hi,

Here is my Typescript code:

 this._startDate = jqwidgets.createInstance('#starting_date', "jqxDateTimeInput",
            { placeHolder: 'NA', width: '160px', height: '22px' }
        );
this._startDate.disabled = true;

But the control is not disabled. To make it work I have to write something like:`(<any>$(‘#starting_date’)).jqxDateTimeInput({ disabled: true });
`

Thx you for your great tools !

[MartinParticipant]

Hello youkou,

You should use setOptions method for setting properties to the widget.
Here is an example:

/// <reference path="./jqwidgets.d.ts" />

function createDateTimeInput(selector) {

    var options: jqwidgets.DateTimeInputOptions =
    {
        placeHolder: 'NA',
        width: '160px',
        height: '22px'
    };

    var myDateTimeInput: jqwidgets.jqxDateTimeInput = jqwidgets.createInstance(selector, 'jqxDateTimeInput', options);
    myDateTimeInput.setOptions({ disabled: true });
}

I would also suggest you to read this Article about using jQWidgets with TypeScript.

Best Regards,
Martin

jQWidgets Team
http://www.jqwidgets.com/

[Author]

Posts