Hi,
I’ve tried implementing the toolbar example with angular:
$scope.mcToolbar = {
view:"toolbar",
isolate:true,
id: "mc-toolbar",
elements: [
{ view:"button",value:"Increment Test",
on: {
onClick:function(){
$scope.iterationCount = 2000
}
}
},
{ view:"segmented", width:300, options:[
{id:"create", value:"Create"},
{id:"edit", value:"Edit"},
{id:"delete", value:"Delete"}
]
},
{view:"counter", id: "iterations-counter", width: 400, label:"Number of iterations", step: 100, min:100, max:5000, value: $scope.iterationCount,
{view:"text", label:"text"},
{view:"select", label:"Select", width:200, options:[
{id:"create", value:"Create New Tab"},
{id:"edit", value:"Edit Tab"},
{id:"delete", value:"Delete Tab"}
]
}
],
elementsConfig:{
width: 150,
labelAlign:"right",
value:""}
};
$scope.mcToolbarData = [];
The markup:
div webix-ui=‘mcToolbar’ webix-value=“mcToolbarData” height=“50” style=“width: 100% !important”>
A few issues:
- I’m not able to bind a value to any of the items in the toolbar (for example, to the “counter” view)
- I’m not able to bind an onClick event to the buttons (the code associated with the first button is never executed)
- The toolbar is in a tabview component and the width does not span the entire width of the parent container. Is there onTabChange() event which could trigger the adjust() methods of its children?
- (cosmetic) I cannot adjust the the width of the label of the counter element.
Note, I’m using the “metro” skin.
A prompt reply to this and the other angular related issues I have posted would be greatly appreciated!
Larry
PS. I keep getting a “You need to confirm your email address. Click here to resend the confirmation email.” message, eventhough I must have done so a dozen times…