booleanWidget.js

Go to the documentation of this file.

 
 
define( [
                'remoto!stdlib:js/widgets/widget.js',
        ],
        function(widget)
        {
                'use strict';
 
                booleanWidget.prototype = new widget;
                function booleanWidget( d )
                {
                        d.value = (d.value === "true" || d.value === true);
 
                        widget.call(this,d);
 
                        this._arrowAt = "left-2 bottom+3";
                }
 
                booleanWidget.prototype.createWidget = function()
                {
                        if (this._widgetJq) return this._widgetJq;
 
                        this._widgetJq = $("<input class='widgetInputField' id='"+this._id+"' type='checkbox' value='"+(this._value?"true":"false")+"' "+(this._value?"checked":"")+" />");
 
                        if (this._options["enabled"]!==true || !this._enabled)
                                this.enabled = false;
 
                        if (this._options.text)
                        {       var d = $("<div style='white-space: nowrap;'>").append(this._widgetJq);
                                var t = $("<span>").addClass("widgetLabel").text(this._options.text).appendTo(d);
                                t.css( {        display: "inline-block",
                                                //text-overflow: "ellipsis",
                                                //overflow: "hidden",
                                                width: "unset",
                                                "white-space": "normal",
                                                "text-align": "left",
                                        } );
                                return d;
                        }
                        else
                                return this._widgetJq;
                }
 
                booleanWidget.prototype.activate = function()
                {
                        if (this._widgetJq && this._change)
                        {       this._widgetJq.bind("change", this.sync.bind(this));
                                this._widgetJq.bind("click", function(e) { e.stopPropagation(); } );    //don't preventDefault() here, which would effectively disable the widget
                        }
 
                        //this.validate();
                }
 
                booleanWidget.prototype.sync = function()
                {
                        var v = this._widgetJq.val();
 
                        this.value = (v === "true") ? false : true;             //toggler
 
                        return false;
                }
 
                booleanWidget.prototype.__defineGetter__("value", function()
                {
                        return this._value === true;
                } );
 
                booleanWidget.prototype.__defineSetter__("value", function(v)
                {
                        if (v === true || v === "true") v = true;
                        else                            v = false;
 
                        if (v)
                                this._widgetJq[0].checked = true;
                        else
                                this._widgetJq[0].checked = false;
 
                        return widget.prototype.__lookupSetter__("value").call(this,v);
                } );
 
                return booleanWidget;
        }
);