sandbox/wireit-rectlabel-container/wireit-rectlabel-container.js
YUI.add("rectlabel-container", function(Y){
/**
* Draw an Ellipse and add an editable label
* @class RectLabelContainer
* @extends Container
* @constructor
* @param {Object} options
* @param {Layer} layer
*/
Y.RectLabelContainer = function(options, layer) {
Y.RectLabelContainer.superclass.constructor.call(this, options, layer);
};
Y.extend(Y.RectLabelContainer, Y.Container, {
/**
* @attribute xtype
* @description String representing this class for exporting as JSON
* @default "WireIt.CanvasContainer"
* @type String
*/
xtype: "Y.CanvasContainer",
/**
* @attribute className
* @description CSS class name for the container element
* @default ""WireIt-Container WireIt-CanvasContainer WireIt-RectLabelContainer"
* @type String
*/
className: "WireIt-Container WireIt-CanvasContainer WireIt-RectLabelContainer",
/**
* @attribute ddHandle
* @description (only if draggable) boolean indicating we use a handle for drag'n drop
* @default false
* @type Boolean
*/
ddHandle: false,
/**
* @attribute label
* @description Label String
* @default "not set"
* @type String
*/
label: "not set",
/**
* @attribute width
* @description initial width of the container
* @default 200
* @type Integer
*/
width: 200,
render: function() {
Y.RectLabelContainer.superclass.render.call(this);
this.labelField = new Y.inputEx.InPlaceEdit({parentEl: this.bodyEl, editorField: {type: 'string'}, animColors:{from:"#FFFF99" , to:"#DDDDFF"} });
this.labelField.setValue(this.label);
}
});
}, '0.7.0',{
requires: ['container']
});