({champions: "Phillies"}) === ({champions: "Phillies"}); //false;

KONtx.control.SelectButton.implement({
        getDisplayValue: function (value) {
                value = value || this.getValue();
                if (typeof value === "object") {
                        value = JSON.stringify(value);
                }
                var label = value;
                this.getOptions().forEach(function(option){
                        var val = (typeof option.value === "object") ? JSON.stringify(option.value) : option.value;
                        if (val == value) label = option.label;
                });
                return label;
        }
});

setValue: function (value) {
    var firstblush = this._value == null, 
           stringvalue = value == null ? "" : String(value);

           if ((this._value||"") == stringvalue) return "";

           // this._value is set to the string value here, giving us 'Object object]' 
           this._value = stringvalue;
           this.fire( firstblush ? 'onValueInitialized' : 'onValueChanged', { value: stringvalue } );
           return this.getValue();
        }

getValue: function () {
          return String(this._value||'');
}

KONtx.control.SelectButton.implement({
	getValue : function() {
		return this._value || '';
	},

	setValue : function(value) {
		var firstblush = (this._value == null);
		var stringvalue = (typeof value === "object" ? JSON.stringify(value) : String(value));

		// Same value
		if ((this._value||"") == stringvalue) return "";

		this._value = value;
		this.fire(firstblush ? 'onValueInitialized' : 'onValueChanged', {
			value : value
		});

		return value;
	},

	getDisplayValue : function(value) {
		value = value || this.getValue();

		if (typeof value === "object") {
			value = JSON.stringify(value);
		}

		var label = value;
		this.getOptions().forEach(function(option) {
			var val = (typeof option.value === "object") ? JSON.stringify(option.value) : option.value;
			if (val == value) {
				label = option.label;
			}
		});

		return label;
	}
}

KONtx.control.SelectButton.implement({
	getValue : function() {
		return this.stringify(this._value) || "";
	},
	stringify : function(value) {
		switch ($type(value)) {
			case "object":
			case "array":
				return JSON.stringify(value);
			default:
				return String(value) || "";
		}
	},
	setValue : function(value) {
		var firstblush = (this._value == null),
	 		stringvalue = value;

		// Same value
		if ((this._value||"") == stringvalue) return "";

		this._value = value;
		this.fire(firstblush ? 'onValueInitialized' : 'onValueChanged', {
			value : value
		});

		return value;
	},
	getDisplayValue: function (value) {
		/*
			- this is a total hack, using function decompilation to determine if the getDisplayValue method was called from within a view;
			- it should probably work as per the docs a SelectButton control must be bound to a view and accessible within the this.controls object, but still...;

			- the reason this is necessary is b/c of the problem that getDisplayValue is called internally as well as externally, and when it's called internally there are no function parameters as the value to operate on is in this._value;
			- however, to be able to pass undefined or null from the public getDisplayValue api, it's problematic as the api expects to always receive a truthy value as a parameter when called this way;
			- as is, when a falsy parameter is received from the public api, the framework will use the value in the internal this._value, which in most cases will be the value assigned in the constructor when the control was instantiated;
			- so, again, it's necessary to know from which context the api is called;
			- also,  i can't just override the getDisplayValue api as the option.value property in the forEach iterator needs to be stringified;

			- of course, if you don't care about supporting undefined and null than it can be removed;
		*/

		var label = value = (/this.controls/.test(arguments.callee.caller)) ? this.stringify(value) : this.getValue();

                this.getOptions().forEach(function(option){
                        if (this.stringify(option.value) == value) label = option.label;
                }.bindTo(this));
                return label;
	}
});