ActiveWidgets 3 - jQuery integration

The next version of ActiveWidgets will work side-by-side with jQuery and register itself as jQuery plug-in if jQuery is aready present.

There is no dependency on jQuery, this is just an extra convenience feature for those who prefer jQuery coding style and already use it throughout the project.

Demo: http://www.activewidgets.com/demo/3p2/controls.htm

Sample:

$('#combo').ax({
    component: 'combo',
    margin: [10, 50],
    icon: 'document',
    text: 'Combo',
    popup: popup
});


$('#button').ax({
    component: 'button',
    margin: [10, 50],
    icon: 'home',
    text: 'Button 1',
    type: 'menu',
    arrow: true,
    border: true,
    popup: popup
});


$('#checkbox').ax({
    component: 'checkbox',
    margin: [10, 50],
    text: 'Checkbox',
    checked: true
});

You have to inculde a placeholder tag in the markup and then convert it into AW control using standard jQuery syntax.

ActiveWidgets 3 will also allow using jQuery AJAX transport instead of working with XMLHttpRequest directly. That might be usefull if jQuery transport is already used in other parts of the project and then configuration code and custom parameters could be done in one place.

The next demo shows paginated grid which does cross-domain requests to the public oData service using jQuery JSONP transport -

http://www.activewidgets.com/demo/3p2/paging.htm

Proxy config

var params = {
    $format: 'json',
    $count: true
};

var Northwind = new AX.Proxy({
    url: 'http://services.odata.org/V4/Northwind/Northwind.svc',
    data: params,
    transport: 'jquery',
    dataType: 'jsonp',
    jsonp: '$callback'
});