Angularjs jqx-tool-bar

[rbostanParticipant]

Hi all,
I’m trying to use angular version of toolbar.

HTML

<div ng-controller="VehicleController">
<jqx-tool-bar jqx-settings="toolbarSettings"></jqx-tool-bar>
</div>

and js

app.controller('VehicleController',function($scope,$stateParams){
	$scope.title="Vehicles";
	$scope.toolbarSettings=[{width:'300px',tools:'toggleButton button | button'}];
});

It says on console
Invalid property: 0

How can i implement that ang-toolbar.

Also angular directives documentation not enough to use on jqxwidgets website.

Thanks a lot, see you.

[DimitarParticipant]

Hi rbostan,

$scope.toolbarSettings has to be a plain object, not an array, i.e.:

$scope.toolbarSettings = {
    width: '300px',
    tools: 'toggleButton button | button'
};

Best Regards,
Dimitar

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

[Author]

Posts